Javascript 模态应该从顶部滑动

Javascript 模态应该从顶部滑动,javascript,jquery,twitter-bootstrap,jquery-ui,Javascript,Jquery,Twitter Bootstrap,Jquery Ui,实现了twitter引导陷阱的模式。。。。 当我不把它放在我的网站上时,它工作得很好。。。。。 在我把它包括在我的网站后,模态显示出来,但不会从顶部滑动 实际模态 模态不从顶部滑动 这可能是因为它位于#container div中,而不是在body中的外部?? 很难说,因为你是第二小提琴没有正确编译我看不出“选项”是在哪里设置的我是在谈论这个小提琴我想我的观点是,你设置了一个工作小提琴,我们看不到设置了什么选项,因此,您的不工作也就不足为奇了。空选项对象只会将模式代码还原为默认值。。令人费解

实现了twitter引导陷阱的模式。。。。 当我不把它放在我的网站上时,它工作得很好。。。。。 在我把它包括在我的网站后,模态显示出来,但不会从顶部滑动

实际模态

模态不从顶部滑动


这可能是因为它位于#container div中,而不是在body中的外部??
很难说,因为你是第二小提琴没有正确编译

我看不出“选项”是在哪里设置的我是在谈论这个小提琴我想我的观点是,你设置了一个工作小提琴,我们看不到设置了什么选项,因此,您的不工作也就不足为奇了。空选项对象只会将模式代码还原为默认值。。令人费解的是,jquery.js在页面中的多个包含项都不起作用。您必须略过示例中不起作用的地方。请在您自己的页面中添加bootstrap-transitions.js,就像您在示例中添加了起作用的外部资源一样。
<div id="example" class="modal hide fade in" style="display: block;" aria-hidden="false">
                <div class="modal-header"> <a class="close" data-dismiss="modal">×</a>

                     <h3>This is a Modal Heading</h3>

                </div>
                <div class="modal-body">
                     <h4>Text in a modal</h4>

                    <p>You can add some text here.</p>
                </div>
                <div class="modal-footer"> <a href="#" class="btn btn-success">Call to action</a>
 <a href="#" class="btn" data-dismiss="modal">Close</a>

                </div>
            </div>