Question

当您单击登录或注册按钮时，模式打开.... 模态从Chrome浏览器的顶部向下滑动.... 在ie9浏览器中，它只是打开.... 如何修复ie 9浏览器中的滑动问题...

在下面提供我的代码

http://jsfiddle.net/KNPZB/10/embedded/result/

    <script type="text/javascript">
      $('#myModal').modal({ show: false })
    </script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<div id="myModal" class="modal hide fade" style="width: 427px; height: 226px;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button>
      </div>
      <div class="modal-body" style="width: 336px;">

        <form method="post" class="navbar-form pull-right" action="http://intra.defie.co/Account/">
              <input class="span2" type="text" name="email" placeholder="Email" style="width: 263px; margin-top: 19px; margin-bottom: 10px;"><br>
              <input class="span2" type="password" name="password" placeholder="Password" style="width: 263px;"><br>
              <button type="submit" class="btn" style="margin-top: 13px; margin-left: 100px;">Sign in</button>
            </form>



      </div>

    </div>

Answer 1

此处包含的javascript文件中至少有几个问题。

在<head>部分，您甚至在加载 jquery 之前包含 bootstrap.js 。因为看起来好像你没有加载jquery直到页面的底部。 bootstrap.js需要之后 jquery。
您尝试使用无效路径在页面顶部加载bootstrap.js，然后在页面底部加载所有引导程序的javascript文件无论如何都包含在bootstrap.js中。你只需要一种方法：使用boostrap.js（在jquery 之后放置），或者只加载你需要的引导插件（再次，在jquery之后放置）。在引导站点上执行查看源以查看它们是如何执行的。 twitter.github.com/bootstrap /

在头部和底部附近，你在jquery本身加载之前调用jquery函数，所以如果用F12打开浏览器控制台，你会在Chrome中看到Uncaught ReferenceError: $ is not defined，SCRIPT5009: '$' is undefined 1）}在IE9中。

除了所有javascript源文件问题外， bootstrap.css 文件的路径也无效且未加载。

我怀疑一旦解决了这些问题，您的网页可能会以预期的行为运行;当然这将是一个很好的起点。

模态在ie9中不从顶部滑动

1 个答案: