单击引导popover preventDefault在Rails 3.2应用程序中不起作用

Question

其他人问了这里这个问题，但没有给出答案或解决方案。

这些引导文件列在我的application.js文件的顶部：

...
//= require bootstrap-tooltip
//= require bootstrap-popover
...

我的bootstrap_additions.js.coffee文件包含：

$("a[rel=popover]").popover()
$(".tooltip").tooltip()
$("a[rel=tooltip]").tooltip()

在我看来：

<a href="#" class="btn" rel="popover" title="Title" data-content="Some content.">click</a>

当我在浏览器中输入localhost:3000/assets/application.js时，引导-popover.js内容就会出现。此外，我发现以下内容：

jQuery(function() {
    $("a[rel=popover]").popover().on('click', preventDefault());
    $(".tooltip").tooltip();
    return $("a[rel=tooltip]").tooltip();
});

单击链接后，浏览器显示将移至页面顶部。当我向下滚动到链接时，就会显示弹出窗口。除了preventDefault，一切都在工作。我遗漏了什么？

谢谢。

更新:为了保持代码中的整洁，我找到了所选答案的coffeescript版本：

$("a[rel=popover]").popover().click (e) => e.preventDefault()

Answer 1

使用Twitter Bootstrap Popover

更新为“咖啡本”()

第一进场

实例化

$("a[rel=popover]").popover()

手柄

$("a[rel=popover]").click (event) ->
  event.preventDefault()
  event.stopPropagation()
  $(this).popover "show"

第二进场

直接取自它们的源代码：

$("a[rel=popover]").popover().click (e) ->
  e.preventDefault()

Answer 2

您还可以按以下方式链接：

$("a[rel=popover]")
  .on('click',function(e){
    e.preventDefault();
  })
  .popover();

Answer 3

您可以使用'span‘标记，而不是'a’标记，这样您就不需要使用preventDefault。

此外，“防止默认值”应与事件关联。

http://api.jquery.com/event.preventDefault/