class屬性在選擇選項中不起作用javascript

Question

我有一個html（index.html）和一個javascript（controller.js）文件。有一個在index.html

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

<div>我從controller.js發送一個表來該專區。

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(){ 

TO

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

您需要使用事件代表團將在稍後加入DOM。