Twitter的引導模態不正常

我創造了一個多種形式對話Twitter的引導模態不正常

<a href="#myModal" role="button" class="btn" data-toggle="modal" id="LaunchDemo">Launch demo modal</a> 

<!-- Modal --> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <p>One fine body…</p> 
    </div> 
</div>

我剛打電話從模..

$("a#LaunchDemo").click();

但模式只是blinking在屏幕上，我也通過按鈕點擊調用模態.same問題iam越來越，我出錯了，請幫助..

來源

2013-02-16 sakar

$（'＃myModal'）。modal（'show'）;它的工作原理 – sakar 2013-02-17 00:10:38

確保您在關閉正文標記之前在頁**的**底部加載Bootstrap.js。如果你這樣做，你不需要寫一行JS。 – 2013-05-20 20:30:13

-1

刪除href =「＃myModal」在超鏈接標記中，因爲它試圖將您鏈接到頁面的一部分。

另外，您不需要在選擇器中指定元素類型。按ID搜索元素會更快。

來源

2013-02-16 23:45:12

錯誤。通過引導頁你可以在href中定位div。這是從引導頁面。無需編寫JavaScript即可激活模式。在控制器元素（如按鈕）上設置data-toggle =「modal」以及data-target =「＃foo」或href =「＃foo」以將特定模式作爲切換目標。 – pogeybait 2013-04-29 19:57:04

當DOM完全加載時，您需要執行您的JavaScript代碼。並使用modal，而不是click

$(document).ready(function() { 
    $('#LaunchDemo').modal(options) 
});

演示：http://jsfiddle.net/MgcDU/1998/

來源

2013-02-16 23:46:36

錯時與模型的太大了。

設置在引導文件模式類的樣式表時，你可以試試{寬度：900}

它會發生....

來源

2013-07-20 11:25:50

嘗試從模態DIV去除類hide：
<div id="myModal" class="modal ~~hide~~ fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

來源

2014-03-15 05:46:55 myusuf

Twitter的引導模態不正常

回答

相關問題