twitter-bootstrap - Twitter 引导模式不允许使用 javascript 电子邮件捕获表单？

Question

我正在使用 Twitter Bootstrap，并且模态效果很好（弹出窗口）。

我想要做的是将一行简单的 javascript 嵌入到模式中，因此弹出窗口是一个电子邮件捕获表单。应该是简单的东西，Chrome 喜欢它，IE 也喜欢它，但 Firefox (20.0.1) 只是空白。模态出现但没有 javascript 电子邮件捕获。

这是我试图在模态中放置的一行 javascript：

<script type="text/javascript" src="https://ool88222.infusionsoft.com/app/form/iframe/0bb1dd5ff343dd6d7845eb723"></script>

我做了一个JSFiddle，但它在那里不起作用，我认为它也需要jquery？

下面是模态：

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">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…&lt;/p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>

任何想法我可能需要做什么或如何才能让单行 javascript（即电子邮件捕获表单）被允许在模态（在 Firefox 中）内工作？

Answer 1

确保您引用 jQuery 和 JQuery UI。

新小提琴：http: //jsfiddle.net/DYcv6/6/

    <!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">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>

<ul id="tweets"> 
</ul> 

关闭 保存更改