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的引导模态不正常

回答

相关问题