JQUERY, CSS, обработчики событий

Question

Я должен использовать JQuery для вызова функции, которая изменяет видимость div с помощью css. Это мой 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, чтобы увидеть, если changeView никогда не вызывается, и это не делает. Первоначальное предупреждение перед вызовом функции changeView вызывает вызов, поэтому скрипт связан правильно. Спасибо заранее!

Answer 1

См .on(events [, selector ] [, data ], handler)

(а) Вы призываете/вызова функции, не назначая его в качестве обработчика, удаление () после имени функции.

(б) data объекта может получить доступ с помощью event.data.KEY

(с) также исправить опечатку при использовании .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>