【问题标题】:modal should slide from top模态应该从顶部滑动
【发布时间】:2013-02-27 17:40:12
【问题描述】:

实现了一个 twitter boots trap 的模态...... 当我不把它放在我的网站上时它工作正常..... 在我将它包含在我的网站中后,模式会显示但不会从顶部滑动....

实际模态

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

模态不从顶部滑动

http://jsfiddle.net/y88WX/12/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.net/nJ6Mw/1 中“选项”的设置位置
  • jsfiddle.net/y88WX/12/embedded/result 我说的是这个小提琴
  • 我想我的意思是,您已经以一种我们看不到设置了哪些选项的方式设置了可用的选项,因此您的选项不起作用也就不足为奇了。
  • 一个空选项对象只会将模式代码恢复为默认值。令人费解的是在页面中包含多个 jquery.js,这不起作用。您必须浏览它不起作用的示例。
  • 请在您自己的页面中添加 bootstrap-transitions.js,就像您在有效的示例中添加外部资源一样。

标签: javascript jquery twitter-bootstrap jquery-ui


【解决方案1】:

这可能是因为您将它放在#container div 中,而不是在正文中? 很难说,因为你是第二小提琴没有正确编译

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-03-13
    • 2021-06-05
    • 1970-01-01
    • 2014-04-10
    • 1970-01-01
    • 2023-03-29
    • 1970-01-01
    相关资源
    最近更新 更多