試圖使一個事件依賴於另一個事件和數據傳遞使用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); 
});