警報與按鈕動態地做出輸入旁邊

Question

我犯了一個AJAX，這將使一個表用於輸入和的值將是從PHP與活性物的按鈕，並在活性

var counter_sub = 0 ; 

    var html; 
       $.ajax({ 
         type:'POST', 
         url:'add_subject.php', 
        dataType:'json', 
         data:{'func_numbr':'2'}, 
        success:function (data){ 
         $.each(data, function(i, item) { 

         html = "<tr>"; 

         html += "<td><lable>Subject: </label><input type='text' name='subject["+counter_sub+"]' value='"+data[i].subj_name+"'></td>"; 
         html += "<td><input type='button' id='activate' name='active' class='button active' value='Active'> "; 
         html += "<input type='button' id='inactivate' name='active' class='button' value='Inactive'></td>"; 
         html += "</tr>"; 
       $('#curr-elem-tble').append(html); 

       counter_sub = counter_sub +1; 
       }); 
        }  
      }); 

和我犯了一個單擊事件將提醒輸入的值旁邊

$('.active').click(function(){ 

      var prev = $(this).parent().prev().find('input[type=text]'); 

      var val = $(prev).val(); 

      alert(val); 
    }); 

但沒有任何反應，當我點擊旁邊的活躍按鈕將其

繼承人的HTML

   <div id="curr-elem-content"> 
        <table id="curr-elem-tble"> 

        </table> 
       </div> 

Answer 1

click()將綁定到加載時所有的元素。並且注意，如果你想使用點擊（）用於動態添加的元素，你必須去活（）或（）的jQuery的方法...這樣的代碼更改

$('.active').live('click', function(){ 

      var prev = $(this).parent().prev().find('input[type=text]'); 

      var val = $(prev).val(); 

      alert(val); 
    }); 

在這裏看到live