在Bootstrap中處理javascript

Question

我試圖讓「popover」爲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> 

我覺得一切是正確的，但是當我按一下按鈕，沒有什麼會彈出。謝謝！

Answer 1

環繞你的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'); 
    }); 
});