Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery加载函数在Chrome中起作用,但在IE中没有任何作用_Javascript_Jquery - Fatal编程技术网

Javascript JQuery加载函数在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&

我正在构建一个网站,它应该通过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">
      $(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为空,这就是为什么我问的原因……我不知道为什么它不工作。你应该在真正的服务器上试试。。。