javascript - 为什么我用jquery不能触发radio的 `change`事件？

Question

页面在这里:

http://cistrome.org/cps/seqconfig?did=2693

原始js代码如下(这个很好用):

$(document).ready(function(){
    $(".open_gene").on('change', function(event) {
        $('#Gene_field').show();
    });

    $(".close_gene").on("change", function(event){
        $("#Gene_field").hide();
    });
});

因此 .close_gene 有一个用于change 的事件处理程序。但是当我想手动触发此事件以隐藏 #Gene_field 时，如下所示:

>>> $('.close_gene').trigger("change")

在 FireBugs 中，返回值为:

[input#nolimit_radio.close_gene all]

但是 #Gene_field 没有隐藏..

我想知道为什么我不能触发 change 事件，它应该已经 bind 到 function(event){ $("#Gene_field").隐藏()；。有人对此有想法吗？谢谢!

Answer 1

试试这个:

$(".close_gene").click();

它在 Firebug 控制台中对我来说工作正常...:)

更新:

这应该也可以，但不会改变单选按钮的状态

$(document).ready(function(){
  $(document).delegate(".open_gene",'change', function(event) {
     $('#Gene_field').show();
  });

  $(document).delegate(".close_gene", "change", function(event){
     $("#Gene_field").hide();
  });
});

$('.close_gene').trigger("change");