0

当您单击登录或注册按钮时，会打开一个模态......在 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>
4

1 回答 1

0

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

  1. 在本<head>节中，您甚至在加载jquery之前就包含了bootstrap.js。因为看起来您直到页面底部附近才加载 jquery。bootstrap.js 需要在jquery 之后。

  2. 您尝试使用无效路径在页面顶部加载 bootstrap.js ，然后在页面底部加载所有将包含在 bootstrap.js 中的 bootstrap javascript 文件。您只需要一种方法：使用 boostrap.js（放在jquery 之后），或者只加载您需要的引导插件（再次，放在jquery 之后）。在引导站点上查看源代码，看看他们是如何做到的。twitter.github.com/bootstrap/

  3. 在头部和底部附近，您在 jquery 本身加载之前调用 jquery 函数，因此如果您使用 F12 打开浏览器控制台，您将Uncaught ReferenceError: $ is not defined在 Chrome 和SCRIPT5009: '$' is undefinedIE9 中看到。

  4. 除了所有的 javascript 源文件问题之外，bootstrap.css文件也有一个无效的路径并且没有加载。

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

于 2013-03-08T03:42:27.207 回答