如何将 Bootstrap 工具提示附加到 Clojurescript 试剂组件

Question

这是我在表格每一行的末尾呈现的一个组件。工具提示部分不起作用。

渲染后如何将 Bootstrap 工具提示附加到每个组件？

(defn edit-button-component []
    (fn [attrs]
        ^{:component-did-mount #(.tooltip ($ %) (clj->js {:title "Test"}))}
        [:button.btn.btn-default attrs
        [:span.glyphicon.glyphicon-pencil]]))

Answer 1

除了 @myguidingstar 关于访问js/$和 DOM 节点的解释之外，您的元数据似乎不在正确的位置。它需要在函数上，而不是向量上。

这是一个适合我的实现：

(def tooltip
  ^{:component-did-mount #(.tooltip (js/$ (reagent.core/dom-node %)))}
  (fn [message]
    [:img.help {:src "img/help.png", :data-placement "bottom", :title message}]))

还要确保 jquery 在 html 文件中的 app.js 之前加载。