Bootstrap modals：如何使用onClick打開=「」

我需要能夠使用onClick=""或類似函數打開Twitter引導程序模式窗口。只需要輸入onClick=""即可。我正在嘗試使可點擊的div打開模式。Bootstrap modals：如何使用onClick打開=「」

代碼摘錄：

股利代碼：

<div class="span4 proj-div" onClick="open('GSCCModal');">

莫代爾股利代碼：

<div id="GSCCModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

的Javascript：

function open(x){ 
    $(x).modal('show'); 
}

來源

2013-11-21 Snappawapa

使用onClick在很大程度上是皺眉。是否有一個特定的原因，至少在

的JavaScript函數必須先進行保存你想要做什麼：

function print() { console.log("Hello World!") }

，然後該功能必須在onclick方法從元素中被稱爲：

<a onClick="print()"> ... </a>

您可以直接從Bootstrap 3文檔中找到有關模態交互的更多信息： http://getbootstrap.com/javascript/#modals

您的模態綁定也是不正確的。它應該是這樣的，其中「myModal」 = ID元素：

$('#myModal').modal(options)

換句話說，如果你真的想保持你已經有了，把「＃」前GSCCModal，看看是否有作品。

將onClick綁定到div元素也不是很明智;像按鈕一樣會更合適。

希望這會有所幫助！

來源

2013-11-21 02:28:35 T145

不幸的是，這並沒有解決問題。即使使用twitter引導函數，我得到的最遠是一個空白屏幕。我還會用我目前使用的代碼更新我的第一個問題 – Snappawapa

看看編輯是否是助理 – T145

我一直在尋找的onClick選項來設置標題和正文基於列表中項目的模態。 T145的答案幫了很大忙，所以我想分享我是如何使用它的。

確保包含JavaScript功能的標籤的類型是文本/ JavaScript來避免衝突：

<script type="text/javascript"> function showMyModalSetTitle(myTitle, myBodyHtml) { 

    /* 
    * '#myModayTitle' and '#myModalBody' refer to the 'id' of the HTML tags in 
    * the modal HTML code that hold the title and body respectively. These id's 
    * can be named anything, just make sure they are added as necessary. 
    * 
    */ 

    $('#myModalTitle').html(myTitle); 
    $('#myModalBody').html(myBodyHtml); 

    $('#myModal').modal('show'); 
}</script>

此功能現在可以在的onClick方法被稱爲從一個元件內部諸如按鈕：

<button type="button" onClick="javascript:showMyModalSetTitle('Some Title', 'Some body txt')"> Click Me! </button>

來源

2014-08-04 15:51:56 Ash

缺少結束語引用makr

11. Twitter Bootstrap Modals不適用於MVC3

12. 帶有AJAX調用的Bootstrap Dynamic Modals

13. 如何用Angular JS打開Bootstrap模式？

14. 使用onClick打開對話框卡住

15. 如何從onClick打開片段

16. 如何打開爲onload代替的onclick

17. 如何使用pushplugin在phonegap 3.6中打開通知頁onclick

18. 如何ListView使用onClick打開一個新的活動？

19. Bootstrap Modal未使用javascript方法打開

20. Firefox中缺少按鈕Bootstrap 3 Modals

21. Summernote Modals鎖定在純Bootstrap模態中

22. Bootstrap Modals和.net C＃服務器響應

23. qUnit：Twitter Bootstrap modals在qunit-fixture外部寫作

24. AngularJS socket.IO Bootstrap Modals只有一次

25. 使用PHP發送Twitter Bootstrap Modals動態ID

26. 使用Bootstrap Modals來表示一個外部HTML文件

27. 打開網頁onclick

28. 用leaflets打開bootstrap模式

29. 如何從右側打開Bootstrap模式？

30. Twitter Bootstrap - 如何渲染navbar-dropdown打開？

Bootstrap modals：如何使用onClick打開=「」

相關問題