1

我正在尝试使“弹出框”为 Bootstrap 工作。我相信我的代码是正确的，但我不确定 javascript 部分。以下是我脑海中包含的内容 - 导入 javascripts - 以及我的标签的外观。感谢您的帮助！

  <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script src="js/bootstrap.js" type="text/javascript"></script> 
<script src="js/JSForFinal.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

在我的 JFForFinal.js 里面

 $("a[rel=popover]").popover('show');

我的身体标签内的标签如下所示：

      <a href="#" rel="popover" data-placement="right" data-original-title="popover on     
      right">Stuff</a>

我觉得一切都是正确的，但是当我单击按钮时，什么都没有弹出。谢谢！

4

1 回答 1

2

将您的 js 包装在 jquery 文档就绪的咒语中：

$(function() {
     $("a[rel=popover]").popover('show');
});

这是以下的简写：

$(document).ready(function() {
     $("a[rel=popover]").popover('show');
});

它告诉 jquery 推迟执行，直到文档准备好。

如果您想推迟执行直到单击按钮或其他内容，则：

$(function() {
     $('#buttonid').click(function() {
         $("a[rel=popover]").popover('show');
     });
});
于 2013-03-21T04:45:15.030 回答