如何將popover附加到fontawesome圖標

-2

好的，所以我有一個文本輸入框。我在文本框中也有豐富的圖標。如何將popover附加到fontawesome圖標

我試圖觸發一個popon（從twitter引導3）框中點擊一個fontawesome。

沒有我做的似乎工作。

然而，抓住似乎是文件骨幹。或者至少.hamlc

下面是一些文件的內容：

%form#new-message-form{:name => 'message'} 
     .input-group.input-group-unstyled 
     %input#content.form-control.chat-input{:name => 'content', :type => 'text', :placeholder => 'Your message ...'} 
     %span.input-group-addon 
      %i.fa.fa-paperclip 
      %i.fa.fa-star 
      %i.fa.fa-clock-o 
     .chat-send

一個我試圖做的事情是一個ID連接到明星，像這樣：

`%i.fa.fa-star#example`

如果我將該ID附加到.hamlc文件之外的其他任何內容，它就可以工作。

但是在上面的文件中，它沒有。我不知道是否它是骨幹等事實（我不知道中樞）

這是我附加的jquery：（不是我的jquery，只是我在網上扯下來測試它）

$(document).ready(function() { 
    $("#example").popover({ 
     placement: 'bottom', 
     html: 'true', 
     title : '<span class="text-info"><strong>title</strong></span>'+ 
      '<button type="button" id="close" class="close" onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;);">&times;</button>', 
    content : 'test' 
    }); 
});

我知道jquery的工作原理，因爲我在第一個文件之外嘗試過。

但我需要附加popover到明星在這個文件。

有什麼建議嗎？

編輯

只是爲了澄清的事情，第一個文件...這裏是在情況下，它的文件目錄，使排查爲什麼不在這個文件工作任何區別...

app/assets/javascript/templates/messages.new.hamlc

而只是爲了澄清，這是on Rails應用程序與骨幹，並在的CoffeeScript它紅寶石。

因此，文件類型爲.hamlc ...

如果我應該接近試圖讓酥料餅上一個fontawesome圖標在文本框中以不同的方式工作，請讓我知道。我很認真地對待自己的智慧。

EDIT 2

我認爲它與具有輸入文本框中的文件沒有收到一個其中有jQuery的文件的事實做...

jQuery的文件的路徑是app/assets/javascript/template.js

，並在我試圖調用中，作爲上述酥料餅的文件：

app/assets/javascript/templates/messages.new.hamlc

來源

2015-06-01 user273072545345

修改代碼，這一點，它應該工作。

... 
%i.fa.fa-star.pop 
... 

$(document).ready(function() { 
    $(".pop").popover({ 
....

編輯：工作，CodePen

來源

2015-06-01 01:59:08 cmd430

我真的不喜歡這個解決方案，因爲我有同樣的頁面上的其他FA-明星。話雖如此，我試過了。它對另一顆恆星起作用，但對輸入框中的恆星不起作用，這是我希望它工作的恆星。 – user273072545345

嘗試了您的備用解決方案。再次，它沒有工作。正如我在我的文章中所說的，我認爲它與文件類型有關，即.hamlc ......不知道......它在應用程序中的其他地方工作，但不在此頁面中。在所有。 – user273072545345

您是否收到任何錯誤或者它不工作？ – cmd430

如何將popover附加到fontawesome圖標

回答

相關問題