2012-02-23 15 views
0

これは私をうまく運転していますが、私は問題を見ることができません。 jQueryを使用して(私はCMSの中でv 1.6.2 btwに悩まされています)、私はリンクをクリックしてコンテンツのdivを表示しようとしています。jQueryでclick()を使用するとevent.layerXエラーが発生する

は、ここに私のHTMLです:

 <div id="vl-hcp" class="venue"> 
      <h1>Title of venue</h1> 
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor.</p> 
     </div> 

<div class="venuesScroller">  
<a href="javascript:void(0);" class="vl-hcp"><span>Title of venue</span></a> 
</div> 

は、ここに私のjQueryの:(

$('.venuesScroller a').click(function(){ 
     // Make only currently clicked link active and hide other info boxes 
     $('.venuesScroller a').removeClass('active'); 
     $('.venue').addClass('hidden'); 

     // Make link active and go through cases for showing text 
     $(this).addClass('active'); 
     if($(this).hasClass('vl-hcp')) { 
      $('#vi-hcp').removeClass('hidden'); 
     } 
}); 

しかし、私は、リンクをクリックして、Chromeでたときに何のクラスは、会場のdivに変更されていないバージョン17.0 .963.56)、エラーが表示されます:

event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

誰でも問題の内容を確認できますか?私は本当にここにこだわっている。

おかげで、

大須

+0

これはエラーではなく、警告です。 –

答えて

1

は、それは警告だ、エラーではありません。

jQueryのeventオブジェクトを正規化

は、それが持っているかもしれないすべてのプロパティを反復処理し、それが layerXlayerYに接触したときに、ChromeのJSエンジンは警告をスローします。

問題がhiddenクラスは#vl-hcpから削除されていないことであるならば、それが原因でタイプミスのためです:

$('#vi-hcp').removeClass('hidden'); 

$('#vl-hcp').removeClass('hidden'); 
+0

上記のAlexanderの手法を使用して警告を削除しても、私のコードはまだ動作しません。それがうまくいかない理由はありますか?それはSafariやMacのFirefox 9でも動作していません。 – Osu

+0

@Osu私の答えは – Shad

+0

でした。私はとても馬鹿だと感じています。指摘してくれてありがとう、それは長い夜だった! – Osu

0

する必要があります私はhereからに以下のコードを使用しましたこれらの警告を修正してください。これはまだjQueryの更新を避けるための回避策です。

(function(){ 
    // remove layerX and layerY 
    var all = $.event.props, 
     len = all.length, 
     res = []; 
    while (len--) { 
     var el = all[len]; 
     if (el != 'layerX' && el != 'layerY') res.push(el); 
    } 
    $.event.props = res; 
}()); 

さらに詳しい情報は同じreferring questionにあります。

+0

これをありがとう、私は他の投稿を見て、それを試みたが、私はまだjQueryコードを動作させることができない。なぜそれが動作していない可能性がありますか?ありがとう – Osu

関連する問題