当您单击登录或注册按钮时,模式打开.... 模态从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" >×</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>
答案 0 :(得分:0)
此处包含的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 文件的路径也无效且未加载。
我怀疑一旦解决了这些问题,您的网页可能会以预期的行为运行;当然这将是一个很好的起点。