2011-06-26 15 views
0

をチェックホバー私は、3箱を持っており、デフォルトの内容(defaultFeat変数)を表示しない場合は、これらの3つのdivボックスのどれかが現在ホバリングされているかどうかをチェックします。jQueryと複数の要素

Google Chrome Javascript ConsoleからUncaught Syntax error, unrecognized expression: hoverエラーが発生しています。

どうすれば修正できますか?

よろしく

$('#estate-feature, #carrier-feature, #cleaning-feature').hover(function() { 
    var currentFeatCont = featVals[$(this).attr('id')]; 
    headlineContent.html(currentFeatCont); 
}, function() { 
    headlineContent.delay(600) 
     .queue(function (n) { 
     if ($('#estate-feature, #carrier-feature, #cleaning-feature').not(':hover')) { 
      $(this).html(defaultFeat); 
     } 
     n(); 
    }) 
}); 

答えて

2

:hover要素の属性ではありません。また、そこにホバーをバインドしているので、ホバーを離れてデフォルトのコンテンツを復元することができます。ポイントがトリガー要素を離れた後にホバートリガーされたコンテンツを一定期間残したい場合は、別のトリガーをロールオーバーしないと仮定するか、または共有されたフラグ変数を実装して、デフォルトのテキスト復元は停止する必要があります。例えば

var isHovered = false; 
$('#estate-feature, #carrier-feature, #cleaning-feature').hover(
    function() { 
       var currentFeatCont = featVals[$(this).attr('id')]; 
       headlineContent.html(currentFeatCont); 
       isHovered = true; 
    }, 
    function() {  
      isHovered = false; 
      headlineContent.delay(600) 
      .queue(function(n) { 
       if (!isHovered) { 
        $(this).html(defaultFeat); 
       } 
       n(); 
      }) 
    } 
); 
+0

これは問題を解決しました。ありがとうございます! – Hellnar

関連する問題