2012-02-04 14 views
2

JQueryの読み込み機能を使用して、ページから別のコンテンツdivでコンテンツdivを変更する必要があるウェブサイトを構築しています。 これは、WAMPのようなWebサーバー上にある場合にのみChromeで問題なく動作します。 ChromeやIEでファイルをクリックすると、ページが更新され、何も変更されません。 は、ここでは、コードです:JQueryの読み込み機能は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> 

私は挿入しようとした 'falseを返します;'まだ何も起こらない。 アイデア

+0

複数のアカウントがありますか? –

+1

準備中のドキュメントのデフォルトの動作を防止しようとしています。私がそれ以上良く分からなければ、あなたはjQueryが他の人よりも能力のない多くの人の一人であったと言いたいでしょう。 –

+0

@ Kolinkもっと具体的にできますか?私は 'event.preventDefault()'を削除しようとしましたが、IEでは動作していて、Chromeでは動作しません。また、Webサーバーでは機能しません。 – Igor

答えて

4

あなたは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/をご覧ください。私はあなたが間違って使用しているかもしれないと思う...

+0

私はまだ同じことを試みました。 – Igor

+0

悪化します。今でもChromeではうまくいきません。 – Igor

+0

ワンプからでも?サーバーから '読み込み 'する必要があります。 – elclanrs

関連する問題