Question

由于某些原因没有调用警报，有人可以帮我调试吗？

$(document).ready(function () { 
    // Keep filter hidden
    //$("#filter_bar").hide();

    $('#filter_bar').click(showFilterBar);

});

function showFilterBar(){
    alert('got in here');
    if ($("#filter_bar").is(":hidden")){
        $("#filter_bar").show();
    } 
    else
    {
        $("#filter_bar").hide();
    }
}

http://jsbin.com/imevax/1/edit

Answer 1

你忘了包含JQuery：）

为我工作（Chrome）：

http://jsbin.com/imevax/22/edit

我所做的就是包括JQuery。

编辑：根据@ mattijo的建议更新以安全方式指向最新的1.x jquery版本。

Answer 2

$(document).ready(function () { 
// Keep filter hidden
//$("#filter_bar").hide();

    $('#filter_bar').click(function(){
       alert('got in here');
       if ($("#filter_bar").is(":hidden")){
          $("#filter_bar").show();
       } 
       else
       {
          $("#filter_bar").hide();
       }
   });

});

你可以像这样启动jQuery事件/函数：

$('#whatever').whatever(function(params){
  //code here
});

Answer 3

我通过改变你定义你的功能的方式来实现它：

showFilterBar = function(){
    alert('got in here');
    if ($("#filter_bar").is(":hidden")){
        $("#filter_bar").show();
    }else{
        $("#filter_bar").hide();
    }
};

$(document).ready(function () { 
    // Keep filter hidden
    //$("#filter_bar").hide();

    $('#filter_bar').click(showFilterBar);
});

直播：http://jsbin.com/imevax/15/edit

点击按钮不是调用功能

3 个答案: