jss if CSS表示の条件

Question

divページを表示/非表示にするリンクがあるメニューがあります。最初のページ

私はユーチューブのビデオ再生を持っていますが、私は別のリンクをクリックすると、別のdivなどのビデオ。消えるが表示されますが、ビデオを再生し続ける..

私は停止する方法の方法を見つけましたビデオなどが、デバッグしながら、私は私がこれを書いている間、私の警告をオフに行くために作るように見えることはできません。

if ($("#main").css('display') == 'none') 
{ 
    alert("Hello! I am an alert box!!"); 
} 

私はなしにブロックを変更した場合、アラートボックスが一度表示されますページが読み込まれます。だから、一旦idがのメインに変更されても、私は別のメニューリンクをクリックしても表示されません。

EDITED：私は、メニューのリンクを持つなしに属性を設定する方法

ザッツ：

$('.tabs a').on("click", function(e) { 
    e.preventDefault(); 
    var id = $(this).attr('data-related'); 
    $(".frame div").each(function(){ 
     $(this).hide(); 
     if($(this).attr('id') == id) { 
      $(this).show(); 
     } 
    }); 
}); 

Answer 1

あなたはどこでもあなたのjsまたはそのif文で関数を呼び出すには、あなたを行います関数内にjsのif文がありません。もしあなたがそこにif文を持っているのであれば、それはページの読み込み時にしか評価されませんが、CSSが変わるたびにif文を実行し続けることはありません。 if文を関数に入れて、CSSを変更するたびにその関数を呼び出す必要があります