元素没有对JQuery Click做出反应

Question

在从数据库加载后，我在PHP中添加了使用Jquery的Elements。每个按钮有两个类，一个控制GUI，另一个控制Click for特定按钮。代码如下

    echo "<script type='text/javascript'>$('.main').append('<button class=b_ui b$index>Change</button>'); </script>";

现在，如果我从浏览器的Inspect Element透视图中检查类，它会显示2个类。但当我点击它并使用此代码获取元素类

$('.b_ui').click(function()
{
    cls = $(this).attr('class');
    alert('no. '+cls);
}

它只显示第一类（GUI）而不是我想用来处理点击的其他类。 有帮助吗？

Answer 1

在class属性周围加上引号。 <button class=\"b_ui b$index\">Change</button>

Answer 2

当向DOM动态添加元素时，jQuery无法访问它们，就像页面加载时的元素一样。说你有这个div：

<div id="div"></div>

你用jQuery添加一些内容，所以它现在看起来像这样：

<div id="div"><span id="span"></span></div>

你不能使用带有$('span[id=span]')的jQuery直接引用跨度，你必须定位一个包含元素，然后过滤你想要的包含元素：

$('#id').on('click','span',function(){});

Answer 3

你应该使用＆＃34; on＆＃34;方法：

$(document).on('click', '.b_ui', function() { 
   cls = $(this).attr('class');
   alert('no. '+cls);
});