javascript - 模态不从顶部滑动

Question

我在我的网站上实现了引导模型.....模型工作正常，但模型并没有像实际的引导模型一样从顶部滑动......如何修复它......

实际型号

http://jsfiddle.net/nJ6Mw/1/

模型不从顶部滑动

http://jsfiddle.net/y88WX/embedded/result/

<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>

Answer 1

你有太多的资源在你试图开始工作的小提琴中发生冲突，这个小提琴有效，所以如果你可以将此代码放入你试图加载它的页面中并且它不起作用，您知道问题不在于您的引导程序，另外，请发送指向您遇到问题的页面的链接，请不要发送附有许多不同资源的小提琴。

您需要通过 javascript 为模式定义选项：

$(function() {
    $('#event-modal').modal({
        backdrop: true;
    });
});

将站点中的所有 css 和链接/html 直接放入小提琴中并不容易让某人跳入并为您调试。

http://jsfiddle.net/sfWBT/1/