触发器单击动态按钮 - JS

时间:2017-08-09 10:58:35

标签: javascript jquery

一旦我从JSON文件中读取一些数据,我就会创建几个按钮。按钮正在以这种方式创建:

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

我想在页面加载后立即创建一个点击,这样就会自动选择其中一个按钮。

我试图选择其中一个元素并触发.click(),但仍然无效。我也尝试从其父元素中找到元素并触发.click(),但仍然无效。

你有什么想法我可以尝试吗?

1 个答案:

答案 0 :(得分:0)

由于您使用的是jquery,您可能需要考虑使用jQuery以这种方式创建元素(然后您不必担心管理语法:

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

appendTo方法将使用任何选择器追加。您也可以在此声明中使用.on("click", function(e) { })附加到点击事件。

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