JQUERY,CSS,事件处理程序

时间:2016-06-23 03:27:42

标签: javascript jquery html css

我应该使用Jquery来调用一个使用css更改div可见性的函数。这是我的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中使用了alert语句来查看是否有人调用了changeView,而不是。在调用changeView函数之前的初始警报,因此脚本正确链接。 提前谢谢!

1 个答案:

答案 0 :(得分:4)

  

参考.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>