Javascript JQuery加载函数在Chrome中起作用,但在IE中没有任何作用
我正在构建一个网站,它应该通过JQuery加载功能将页面的内容div更改为另一个内容div。 只有在像wamp这样的web服务器上,Chrome才能很好地实现这一点。如果我在Chrome或IE中打开它,单击该文件,它只会刷新页面,没有任何更改。 代码如下:Javascript JQuery加载函数在Chrome中起作用,但在IE中没有任何作用,javascript,jquery,Javascript,Jquery,我正在构建一个网站,它应该通过JQuery加载功能将页面的内容div更改为另一个内容div。 只有在像wamp这样的web服务器上,Chrome才能很好地实现这一点。如果我在Chrome或IE中打开它,单击该文件,它只会刷新页面,没有任何更改。 代码如下: <script type="text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script&
<script type="text/javascript" src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
event.preventDefault();
$("#menu-services").click(function(){
event.preventDefault();
$(".content").load('services.html .content-holder');
});
});
</script>
<div id="menu">
<ul>
<li><a id="menu-home" href="">Home</a></li>
<li><a id="menu-services" href="">Services</a></li>
<li><a id="menu-tour" href="">Tour</a></li>
<li><a id="menulogin" href="">Login</a></li>
</ul>
</div>
<!-- the content div -->
<div class="content">
<div class="content-holder">
some html text
</div>
</div>
$(文档).ready(函数(){
event.preventDefault();
$(“#菜单服务”)。单击(函数(){
event.preventDefault();
$(“.content”).load('services.html.content holder');
});
});
一些html文本
我尝试插入“return false;”但还是什么都没发生。
有什么想法吗?您正在调用
事件,但是您缺少函数中的变量…加上第一个事件。preventDefault()
不应该在那里。它在阻止什么?还有,第二个是什么?什么是菜单服务
$(document).ready(function () {
$("#menu-services").click(function (event) { // Look
event.preventDefault();
$(".content").load('services.html .content-holder');
});
});
我建议你看看。我认为您可能用错了…您正在调用事件
,但是您缺少函数中的变量…加上第一个事件。preventDefault()
不应该在那里。它在阻止什么?还有,第二个是什么?什么是菜单服务
$(document).ready(function () {
$("#menu-services").click(function (event) { // Look
event.preventDefault();
$(".content").load('services.html .content-holder');
});
});
我建议你看看。我认为您可能用错了…您有多个帐户吗?您试图阻止文档准备就绪的默认操作-这对您来说不是好兆头。如果我不知道更多的话,我会说你是jQuery让很多人变得不如其他人胜任的人之一。@Kolink你能更具体一点吗?我尝试删除“event.preventDefault()”,但它在IE中有效,而在Chrome中无效。它在web服务器上也不起作用。你是说IE中的问题只有在本地运行文件而不是从web服务器上运行时才会发生吗?如果试图在本地文件上使用ajax方法,如.load()
,我会期望得到奇怪的结果。@nnnn这两种方法在IE中都不起作用。只有当我在网络服务器上运行它时,它才能在chrome中工作。你有多个帐户吗?你试图阻止文档的默认操作准备就绪-这对你来说不是好兆头。如果我不知道更多的话,我会说你是jQuery让很多人变得不如其他人胜任的人之一。@Kolink你能更具体一点吗?我尝试删除“event.preventDefault()”,但它在IE中有效,而在Chrome中无效。它在web服务器上也不起作用。你是说IE中的问题只有在本地运行文件而不是从web服务器上运行时才会发生吗?如果试图在本地文件上使用ajax方法,如.load()
,我会期望得到奇怪的结果。@nnnn这两种方法在IE中都不起作用。只有当我在网络服务器上运行chrome时,它才能在chrome中工作。甚至从wamp也不行?您需要从服务器加载
。是的,我正在使用本地wamp服务器。还是一样。为什么要使用preventDefault()
?它阻止了什么?单击#菜单服务
时的默认行为是什么?我想它应该停止在“href=”“”中加载页面,而是调用该函数。但不知怎的,它仍然调用该页面,该页面是空的,因此只能刷新。你是对的,我在代码中看到href为空,这就是为什么我问的原因……我不知道为什么它不工作。你应该在真正的服务器上尝试…甚至不是从wamp?您需要从服务器加载
。是的,我正在使用本地wamp服务器。还是一样。为什么要使用preventDefault()
?它阻止了什么?单击#菜单服务
时的默认行为是什么?我想它应该停止在“href=”“”中加载页面,而是调用该函数。但不知怎的,它仍然调用该页面,该页面是空的,因此只能刷新。你是对的,我在代码中看到href为空,这就是为什么我问的原因……我不知道为什么它不工作。你应该在真正的服务器上试试。。。