class属性在select选项javascript中不起作用

Question

我有一个html（index.html）和一个javascript（controller.js）文件。 <div>

中有一个index.html

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

我从controller.js发送一张表到该div。

var table = "<table border='1' class='table table-bordered TextHighlight'>"+
                "<tr><th>Your Score</th></tr>"+
                "<tr><td id='score1'><select id='partner_SC1' class='playautofirst_withpartner' name='partner_SC1'><option value='0'>0</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option></td></tr>"+
             "</table>";

$("#tableContent").html(table);

$(".playautofirst_withpartner").change(function(){
   alert('working'); 
});

表格在index.html中正确显示。但是当我更改选择下拉值no alert is showing时。我想在选择选项值改变时进行一些计算。

提前致谢。

Answer 1

更改

$(".playautofirst_withpartner").change(function(){

以

$(document).on('change','.playautofirst_withpartner',function(){

您需要使用稍后添加的DOM的事件委派。