[英]pass json data to onclick jquery function
[英]Pass JSON object to onclick function
我正在嘗試將JSON對象傳遞給onclick函數,但是它不起作用。
$.each(matches, function() {
var item_data = {
"category" : this['category_name'],
"stock" : this['stock_name'],
"supplier_stock" : this['supplier_stock_name']
};
available_stock_items = available_stock_items + '<tr> \
<td>' + this['category_name'] + '</td> \
<td>' + this['stock_name'] + '</td> \
<td>' + this['supplier_stock_name'] + '</td> \
<td align="center"><img src="' + $j('#edit-vardru-base-path').val() + 'sites/all/modules/core/images/add.png" onClick="select_item('+ item_data +');" /></td> \
</tr>';
});
function select_item(data)
{
console.log("***********PRINT***************");
console.log(data);
}
我在控制台窗口中收到此錯誤“未捕獲的SyntaxError:意外的標識符”。
編輯:現在,我正在嘗試使用事件委托傳遞數據( item_data
)。 我在$ .each()中添加了以下代碼。 點擊事件時調用了回調函數,但我無法訪問item_data。
$j(document).delegate("#row-"+count, "click", function(item_data){
alert("TEST");
console.log("TEST");
console.log(item_data);
});
您可以使用html5數據屬性
<div id="dataDiv" data-num="">click div</div>
<script>
var jsonData = { "name": "name1" };
$(document).ready(function () {
$("#dataDiv").data("num",jsonData);
$("#dataDiv").on("click", function () {
console.log($(this).data("num"));
});
});
</script>
您不能將json粘貼在DOM中嘗試我的演示HTML
<div id='show_test'>
</div>
jQuery的
$(document).ready(function(){
var matches = [
{"category_name":"category_1","stock_name":"stock_1","supplier_stock":"supplier_stock_1"},{"category_name":"category_2","stock_name":"stock_2","supplier_stock":"supplier_stock_2"},
{"category_name":"category_3","stock_name":"stock_3","supplier_stock":"supplier_stock_3"}, {"category_name":"category_4","stock_name":"stock_4","supplier_stock":"supplier_stock_4"}
];
$.each(matches, function(i) {
var arrayDt = [];
arrayDt[i] = {
"category" : this.category_name,
"stock" : this.stock_name,
"supplier_stock" : this.supplier_stock
};
$("#show_test").append("<div><a id='bt_"+i+"'>click</a></div>");
$("#bt_"+i).click(function(){
show_data(arrayDt[i]);
});
});
});
function show_data(data){
alert(JSON.stringify(data));
}
或在
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.