模态不从顶部滑动答案

【问题标题】：modal not sliding from top模态不从顶部滑动
【发布时间】：2024-04-19 10:55:02
【问题描述】：

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

实际型号

模型不从顶部滑动

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>

【问题讨论】：

您的选项变量未在 jsfiddle 中定义，请尝试将它们直接实现到提供的 javascript 面板中。
@ShannonHochkins：感谢您的回复，您可以在小提琴中更新吗

标签： javascript jquery twitter-bootstrap modal-dialog

【解决方案1】：

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

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

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

将站点中的所有 css 和链接/html 直接放入 fiddle 并不容易让别人跳进去为你调试。

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

【讨论】：

我更新了我删除的不必要的代码jsfiddle.net/y88WX/5/embedded/result
我应该在哪里把它放在我的代码中 $(function() { $('#event-modal').modal({ background: true; }); });