Trigger Click on Dynamic Buttons JS

Question

一旦我从JSON文件中读取了一些数据，我就创建了几个按钮。按钮是这样创建的：

element.after('<button class="button ' + subcategoriesData.tag + '" category="' + category.tag + '" subcategory="' + subcategoriesData.tag + '">' + subcategoriesData.title + '</button>');

我想在页面加载时立即创建一个单击，以便自动选择其中一个按钮。

我尝试选择其中一个元素并触发.click()，但仍然不起作用。我还尝试从父元素中查找该元素并触发.click()，但仍然不起作用。

你知道我还能试些什么吗？

Answer 1

由于您使用的是jquery，因此您可能希望考虑使用jQuery以这种方式创建元素(这样您就不必担心管理语法：

$("<button/>").attr({
   class: "button",
   category: category.tag,
   subcategory: subcategoriesData.tag
}).appendTo("#elementID");

appendTo方法将使用任何选择器进行追加。您还可以在此语句中使用.on("click", function(e) { })附加到单击事件。

无论使用哪种解决方案来创建按钮，$(".button:first").trigger("click")都会触发click事件；如果没有触发，请使用.length属性检查运行选择器，看看它是否返回0；如果是，则选择器找不到该按钮。