如何使用Twitter的Bootstrap調用JavaScript函數？

我想使用Tritter Bootstrap中提供的JavaScript。我檢查過所有的.js文件都指出了。如何使用Twitter的Bootstrap調用JavaScript函數？

我想測試它是否正常工作，所以在閱讀docs後，我知道我必須「調用」合適的JavaScript函數？

使用自舉tooltip.js 觸發通過JavaScript工具提示：$（ '＃示例'）提示（選項）

我如何可以調用該函數？這似乎是不夠的，把正確的HTML，我不得不稱之爲功能？

感謝您的幫助！

2012-02-19 Rosamunda

提供一個HTML元素的example ID和相應的屬性是這樣的：

<p><a href="#" rel="tooltip" title="first tooltip" id="example">hover over me</a>,/p>

在你<head>創建一個JavaScript <script>元素，確保jQuery是加載，然後，jQuery的範圍內，工具提示添加到與example的ID的元素：

<script type="text/javascript"> 
    window.onload = function() 
    { 
     if(!window.jQuery) 
     { 
      alert('jQuery not loaded'); 
     } 
     else 
     { 
      $(document).ready(function(){ 
       $('#example').tooltip({'placement':'top', 'trigger' : 'hover'}); 
      }); 
     } 
    } 
</script>

這將建立，當你將鼠標懸停在#example元素的提示。將top更改爲left,right或bottom以更改放置工具提示時與元素本身相關的位置。

如果你可能想在未來，這也是你如何設置popover。

來源

2012-02-19 21:34:52

感謝您的詳細回覆！我試過了，但沒有奏效。我認爲這可能與鏈接有關？我加入了我的腦袋：和（而不是我在自己的文件夾中獲得的引導程序文件），但它不會工作，我可以錯過其他的東西嗎？ – Rosamunda 2012-02-19 22:05:37

在''標籤結尾之前加載JavaScript文件。查看[documentation]（http://twitter.github.com/bootstrap/javascript.html#popovers）的源代碼。檢查你的'bootstrap/js'文件夾是否存在'jquery.js'，'bootstrap-tooltip.js'和'bootstrap.js'，如果你沒有在[documentation source code]（http：/ /twitter.github.com/bootstrap/javascript.html#popovers）並將3個文件保存到'bootstrap/js'文件夾（至少3個！我擁有它們，所以我不確定你需要什麼）。 – 2012-02-19 22:41:03

謝謝！你是對的！ – Rosamunda 2012-02-19 23:28:47

如何使用Twitter的Bootstrap調用JavaScript函數？

回答

相關問題