动态JQuery按钮

这里有创建动态按钮的代码。单击事件有问题

我在哪里

  alert("work");

从此警报上方的行开始，代码不起作用。有什么帮助吗

更新3

   // Creating a checkbox for each category and place it in container:

    for (var i in chart.xAxis[0].categories) {

        checkboxHtml = '<label><button type ="submit" id="category' + i + '" name="category' + i + '">' + i + '</button></label>'

        $('#' + legendContainerId).append(checkboxHtml);

    }

    // Binding events to checkboxes:

    $('#' + legendContainerId + ' button[type ="submit"]').on('click', function () {


        var hiddenSeries = [];

        var hiddenCategories = [];


        // Collecting disabled categories:

         $('#' + legendContainerId + 'button[type ="submit"]').each(function (i, submit) {


            alert("work");
            if (!submit.onselect) {
                hiddenSeries[i] = null;

                hiddenCategories[i] = ' ';

            }

//为每个类别创建一个复选框并将其放置在容器中：
对于（chart.xAxis[0].categories中的变量i）{
checkboxHtml=''+i+''
$（'#'+legendContainerId）.append（checkboxHtml）；
}
//将事件绑定到复选框：
$（“#”+legendContainerId+”按钮[type=“submit”]”）。在（'click'，函数（）{
var hiddenSeries=[]；
var hiddenCategories=[]；
//收集残疾类别：
$（“#”+legendContainerId+”按钮[type=“submit”]”）。每个（函数（i，submit）{
警惕（“工作”）；
如果（！submit.onselect）{
hiddenSeries[i]=null；
hiddenCategories[i]=''；
}

我不确定您想要什么，但是如果您想要的只是将

复选框

更改为

按钮

，那么您只需要更改HTML字符串逻辑。例如：

var html = '<label><button id="category' + i + '" name="category' + i + '">' + i + '</button></label>'

var html=''+i+''

将输出：

<label><button id="categoryX" name="categoryX">X</button></label>

X

其中

X

是

for

循环的动态值

---

.

您是否尝试更改以下行：

$('#' + legendContainerId + 'button[type ="submit"]' + i + '"').each(function (i, submit) {

致：

---

-对于下面动态创建的按钮，删除了“button[…”和“i”变量之前的一个空格字符

  $(document).on('click', 'classOfButton', function (t) {
  var me= $(this).text();
  alert(me);
  })

---

你试过type=button吗？是的，但是如何更改checkboxHtml？checkboxHtml？请解释。查看我更新的代码。在这里，我使用了复选框，它工作了。我需要使用按钮。现在我可以看到按钮，但仍然不工作。我添加了一些其他代码。你可能会看到问题。我可以向你保证这些按钮是可单击的。你希望看到什么当你点击它们时会发生什么？我试着不是我想我必须改变这个如果（！checkbox.checked）到某个地方，我检查按钮是否被点击，而不是绑定

改变
，绑定
点击
（你应该实际使用
.on（）
）。
$（'#'+legendContainerId'）。在（'click'.
是的，我修复了“我”。谢谢，“空格字符”也有问题。现在我收到了警报。剩下的代码是如何检查按钮是否单击在我的示例中如何使用它？\n使用$（document）.on（）中的单击事件
  $(document).on('click', 'classOfButton', function (t) {
  var me= $(this).text();
  alert(me);
  })