2014-03-03 73 views
-1

这里我有创建动态按钮的代码。click事件有问题。动态显示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] = ' '; 

      } 
+1

你尝试过type = button吗? –

+0

是的,但如何更改checkboxHtml? – user1476956

+0

checkboxHtml?请解释一下。 – tymeJV

回答

0

我真的不知道你想要什么,但如果你正在寻找的是改变checkboxesbuttons,那么你只需要改变你的HTML字符串逻辑。例如:

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

将输出:

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

哪里X是从for循环的动态值。

Here's an example

+0

亚现在我可以看到按钮,但仍然无法工作。我添加一些其他代码,你可以看到问题。 – user1476956

+0

@ user1476956什么不工作?! – Charlie

+0

不可点击。 – user1476956

0

你试图更改以下行:

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

要:

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

-One空间字符之前 “按钮[...” 和 “i” 变种删除

+0

是我修复“我“。谢谢你的空间字符也是问题。现在我收到警报。保留下面的代码如何检查按钮是否点击 – user1476956

0

对于动态创建的按钮,适用于我

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

我怎样才能在我的例子中使用?\ – user1476956

+0

使用您的$ click事件)。上() –