Question

我正在构建一个网站，该网站应该通过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>

我尝试插入'return false;'但仍然没有任何反应。有什么想法吗？

Answer 1

你正在调用event，但是你错过了函数中的变量......加上第一个event.preventDefault()不应该存在。它阻止了什么？另外，第二个预防是什么？什么是#menu-services？

$(document).ready(function () {
    $("#menu-services").click(function (event) { // Look
        event.preventDefault();
        $(".content").load('services.html .content-holder');
    });
});

我建议你看看http://api.jquery.com/event.preventDefault/。我想你可能用错了......

JQuery加载功能在Chrome中有效，但在IE中没有任何反应

1 个答案: