jquery、CSS、イベントハンドラ

Question

jqueryを使用して、cssを使用してdivの可視性を変更する関数を呼び出すことになっています。これは私がchangeViewが今まで呼び出されると、そうでないかどうかを確認するためにchangeView内の警告文を使用し、私のjQueryの

alert("Interactive on line"); 
    function changeView(page) 
     { 
       alert("Handler for click() called. "); 
       if(page === 'home) 
       { 
        $('#HomeTab'.css(display=='none')); 
       } 
     } 
    $('#HomeTab').on('click', { page:'home'}, changeView()); 

です。 changeView関数が呼び出される前の最初の警告が呼び出されるので、スクリプトは正しくリンクされます。 ありがとうございます！

Answer 1

は.on(events [, selector ] [, data ], handler)

（A）あなたは、関数名の後に()を削除し、ハンドラとしてそれを割り当てない、関数の呼び出し/呼び出している参照してください。

（B）dataオブジェクトがevent.data.KEY

（c）を使用してアクセスすることができる.css方法を使用しながらも、それが私はレーヨンのスニペットワードをコピーしjQueryElement.css(PROPERTY,VALUE)

function changeView(e) { 
 
    alert("Handler for click() called. "); 
 
    if (e.data.page === 'home') { 
 
    $('#HomeTab').css('display', 'none'); 
 
    //OR $('#HomeTab').hide(); 
 
    } 
 
} 
 
$('#HomeTab').on('click', { 
 
    page: 'home' 
 
}, changeView);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div id='HomeTab'>Home Tab</div>