模态在ie9中不从顶部滑动

时间:2013-03-07 23:55:46

标签: javascript jquery css jquery-ui twitter-bootstrap

当您单击登录或注册按钮时,模式打开.... 模态从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>

1 个答案:

答案 0 :(得分:0)

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

  1. <head>部分,您甚至在加载 jquery 之前包含 bootstrap.js 。因为看起来好像你没有加载jquery直到页面的底部。 bootstrap.js需要之后 jquery。

  2. 您尝试使用无效路径在页面顶部加载bootstrap.js,然后在页面底部加载所有引导程序的javascript文件无论如何都包含在bootstrap.js中。你只需要一种方法:使用boostrap.js(在jquery 之后放置),或者只加载你需要的引导插件(再次,在jquery之后放置 )。在引导站点上执行查看源以查看它们是如何执行的。 twitter.github.com/bootstrap /

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

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

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