试图使一个事件依赖于另一个事件和数据传递使用jquery自定义事件

Question

对于这个问题我想传递数据取决于如果复选框被选中。数据来自.on（）第二参数。

我想做这样的事情。我知道这真的搞砸了。林不知道数据如何工作以及何时使用.trigger（）

$(document).on('justData', function(e, data){ 
    console.log(data); 
}) 
$('.justData').on('click', function(){ 
    var insert 
    dataobj ={ 
     "mike" : 'mikevalue', 
     "john" : 'johnValue' 
    } 
    $("#checkThis").on('change', function(e, data){ 
     if(this.checked){ 
      insert = dataobj.mike 
     }else{ 
      insert = dataobj.john 
     } 
    }) 

    $(this).trigger('justData', insert) 
}) 

我想插入“mikevalue”如果框如果不加检查，“johnvalue”。

我正在学习如何使用介体。我认为这是当你做$ emitter = $（{}），所以我想分开事件。当用户点击$（。justData）我会有$（{}）。trigger（“Ischecked”）这样的事情我很困惑。如果有人能告诉我如何使用$ emitter .trigger（）.on（）将动态数据传递给不同的事件，那很好。

Answer 1

你是在正确的轨道上。这是从jQuery API Docs给出了处理自定义事件的简单明了的例子：

$("#foo").on("custom", function(event, param1, param2) { 
    alert(param1 + "\n" + param2); 
}); 
$("#foo").trigger("custom", [ "Custom", "Event" ]); 

而且清理你的代码一点点：

$('body').on('justData', function(e, data){ 
    console.log(data); 
}); 

$('.justData').on('click', function(e){ 
    var insert = "", 
     $checkbox = $('#checkThis'), 
     data = { 
     "mike" : 'mikevalue', 
     "john" : 'johnValue' 
    }; 
    if($checkbox.prop('checked')){ 
     insert = data.mike; 
    } else { 
     insert = data.john; 
    } 
    $('body').trigger('justData', insert); 
});