Jquery 如何将popover附加到fontawesome图标

好的，我有一个文本输入框。我在文本框中也有很棒的图标

我试图在点击其中一个按钮时触发一个弹出框（来自TwitterBootstrap3）

我所做的一切似乎都不管用

然而，问题似乎在于文件主干。或者至少，哈姆尔克

以下是该文件的内容：

    %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，只是为了测试它而在网上撕下的东西）

$（文档）.ready（函数（）{
$（“#示例”）.popover({
位置：'底部'，
html:'真'，
标题：“标题”+
“×；”，
内容：“测试”
});
});  

因为我在第一个文件之外尝试了jquery，所以我知道上面的jquery可以工作

但是我需要把流行音乐音乐附在这个文件里的星星上

有什么建议吗

编辑

为了澄清问题，第一份文件。。。这是它的文件目录，以防在解决为什么它不能在这个文件中工作的问题时有所不同

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

为了澄清这一点，这是一个RubyonRails应用程序，带有主干和咖啡脚本

因此文件类型为.hamlc

如果我想尝试让popover以不同的方式处理文本框中的图标，请告诉我。我真是束手无策

编辑2

我认为这与以下事实有关：包含输入文本框的文件没有接收包含jquery的文件

jquery文件的路径是

app/assets/javascript/template.js

我试图调用popover的文件如上所述：

---

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

将代码更改为此，它应该可以工作

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

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

---

编辑：正在工作，

我不太喜欢这个解决方案，因为我在同一页上有其他足球明星。话虽如此，我还是试过了。它在另一个星上工作，但在输入框中的星上不工作，这是我希望它工作的星。尝试了您的替代解决方案。再一次，它没有起作用。正如我在帖子中所说，我认为这与文件类型有关，即，.hamlc。。。不确定。。。它在应用程序中的其他位置工作，但不在此页面中。一点也不。你有没有收到任何错误，或者只是不起作用？就像我在帖子里一直说的那样。它在应用程序中的其他地方工作，只是不在上面发布的文件的输入框中。嗯，我必须想一想，我想不出任何理由它现在不会在我的脑海中工作

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

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