Параметр в событии jquery

Question

Я хочу передать объект с именем hotTraitement в параметры события .click jquery. Поэтому я объявляю мой объект, как это:

$(window).load(function(){ 
     container = document.getElementById('tab_traitement'); 
     var hotTraitement = new Handsontable(container, { 
      data: data_traitement}); 
}); 

И я пытаюсь передать этот объект, как это:

$('#submit_button_traitement').click(function({hotTraitement:hotTraitement}) 
{ 
    console.log(hotTraitement); 
}); 

Но это не работает, hotTraitement не определен.

Помогите пожалуйста!

Answer 1

Try это. Определите переменную hotTraitement как глобальную.

$('#submit_button_traitement').click({hotTraitement:hotTraitement},function(e){ 
    console.log(e.data.hotTraitement); 
}); 

SIMPLE DEMO: FIDDLE

Update:

Попробуйте этот путь.

$(document).ready(function() { 
 
    var container = document.getElementById('tab_traitement'); 
 
    var hotTraitement = new Handsontable(container, { 
 
    data: data_traitement 
 
    }); 
 

 
    //... 
 

 
    $('#submit_button_traitement').click({ 
 
    hotTraitement: hotTraitement 
 
    }, function(e) { 
 
    console.log(e.data.hotTraitement); 
 
    }); 
 

 
});

Answer 2

Попробуйте заменяя $(document).ready() на номер $(window).load(); используя .on(), data свойство event

$(document).ready([ 
 
    function() { 
 
    // define `hotTraitement` 
 
    hotTraitement = { 
 
     "abc": 123 
 
    }; 
 
    }, 
 
    function() { 
 
    // set `event.data` to `hotTraitement` 
 
    $("#submit_button_traitement") 
 
    .on("click", hotTraitement, function(event) { 
 
     // do stuff with `event.data` : `hotTraitement` 
 
     console.log(event.data) 
 
    }) 
 
    } 
 
]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="submit_button_traitement">click</div>

Answer 3

почему вы хотите передать параметр hotTraitement в OnClick функции вместо этого вы можете просто получить доступ к этому внутри OnClick как этот

$(window).load(function(){ 
    container = document.getElementById('tab_traitement'); 
    var hotTraitement = new Handsontable(container, { 
     data: data_traitement}); 

    $('#submit_button_traitement').click(function(){ 
     console.log(hotTraitement); 
    }); 
});