Else CSS HovercodeがjQueryで動作しない場合

Question

私は自分のウェブページの下に6つのボタンを持っています。それぞれのボタンの上にマウスを置くと、隠れた「ポップアップ」divが立ち上がり、フェードインします。この機能は機能しますが、ボタンが近接しているため、あるボタンから別のボタンに非常に素早く切り替えると、2つのボタンが重複することがよくあります。

他のすべてのポップアップがページの一番下にある場合に、CSSの「立ち上がりとフェードイン」の変更を許可するjQueryコードを作成しようとしました。これにより、現在ホバートされているボタンがポップアップを上げる前に、すべてのポップアップがリセットされます。

残念ながら、コードは機能しません。 なしポップアップのは現在、ホバー上でCSSを変更しています。

これは特定のボタンのコードです。

$('#chrome').hover(
      function() { 

       if (
       $("#inuithoverpopup").css("bottom") < '-130%' && 
       $("#bloghoverpopup").css("bottom") < '-130%' && 
       $("#cchoverpopup").css("bottom") < '-130%' && 
       $("#cwlhoverpopup").css("bottom") < '-130%' && 
       $("#blhoverpopup").css("bottom") < '-130%' && 
       ) { 
       $('#chromehoverpopup').animate({ 
        opacity: '1', 
        bottom: '95%' 
       }, 300); 
      } 

    }, 

    function() { 
      $('#chromehoverpopup').animate({ 
        opacity: '0', 
        bottom: '-159%' 
      }, 300); 

      }); 

私がここで間違っているのを誰でも見ることができますか？

Answer 1

数字の論理演算子を試行する前に、文字列をNumberに変換する必要があります。

は、返される値はピクセル単位であることとない%あなたは予想通り、それに応じ130%の値を調整すること

parseInt($("#inuithoverpopup").css("bottom")) < -130 

注意をしてみてください。