Jquery中的Onclick函数不起作用

在product_showcase.js文件的帮助下，我将内容加载到HTML中，然后使用ie的内容单击产品链接我试图组织一个onclick事件 ，如product_description.js所示。数据是从json文件中获取的。

我能够正确地将数据加载到html中但是onclick函数没有运行。 我查看了Google Chrome调试器。 该程序正在运行onclick函数的第一行，它正在退出该函数。 控制台上没有发现错误。

注意：代码已经过简化，可以提问。

product_description.js文件

$(document).ready(function() { console.log("came back here"); $(".inner").on('click','.inner',function() { console.log("still here"); var k1= $(this).attr("id"); var k= $('#' +k1).children('.inner').text(); console.log(k1); console.log(k); $.each(com_list, function(j) { $.each(com_list[j], function(i) { if (com_list[j][i]["product_name"]==k){ localStorage.setItem("product_name",com_list[j][i]["product_name"]); localStorage.setItem("image",com_list[j][i]["image"]); localStorage.setItem("price",com_list[j][i]["price"]); localStorage.setItem("id",com_list[j][i]["id"]); localStorage.setItem("brand",com_list[j][i]["brand"]); console.log(localStorage.getItem("id")); } }); }); }); console.log(localStorage.getItem("product_name")); var cart_obj = new Object(); // console.log(com_list[j][i]["id"]); cart_obj.product_name=localStorage.getItem("product_name"); cart_obj.image=localStorage.getItem("image"); cart_obj.price= localStorage.getItem("price"); cart_obj.id=localStorage.getItem("id"); cart_obj.brand=localStorage.getItem("brand"); var description_id; //code to be added in description page of every product description_id= '
 
' + cart_obj.product_name +'
' + cart_obj.price + '
  Add to Cart 
'; $("#products_description").append(description_id); }); 

product_showcase.js文件

  $(document).ready(function () { product_details(); }); function product_details() { var electronics_id; for (var i = 0; i < com_list["electronics"].length; i++) { electronics_id= '
   
http://sofzh.miximages.com/javascript/' + com_list["electronics"][i]["product_name"] + ' 
http://sofzh.miximages.com/javascript/' + com_list["electronics"][i]["price"] + '
 
' $("#electronics_products").append(electronics_id); } } 

product_showcase.html页面

product_description.html页面

Answer 1

您可以在父级#electronics_products上添加事件侦听#electronics_products

 $('#electronics_products').on('click', function(e){ if ($(e.target).attr('class') === 'inner') { console.log("still here"); } }) 

要么

 $('#electronics_products').on('click', '.inner', function() { console.log("still here"); }); 

Answer 2

我的onclick事件在product_description.js文件中，而onclick事件发生在product_showcase.htm l上，其中在脚本中未提及product_description.js文件。 所以要么

• 我不得不在product_showcase.html页面上提到它
• 将onclick函数代码传输到product_showcase.js文件。