Ajax不工作在jQuery分割按鈕

Question

我在Codeigniter中有一個項目。有一個鏈接

<a href="updatearecord/79" class = "orange-red-ui testclass">Edit</a> 

點擊鏈接將轉到主控制器並執行函數updatearecord。 （79只是一個id）。

ClientParent是一個javascript使用Ajax調用

function testfunction() { 
$('a.testclass').live('click', function() { 
     $url = $(this).attr('href'); 
     $.ajax({ 
      url: $url, 
      data: {}, 
      dataType: 'html', 
      type: 'post', 
      success: studentSubjectCallBack 

     }); 

鏈接工作正常的頁面上的任何地方調用，但是當我在拆分按鈕使用它，這是行不通的。這裏是分割按鈕的代碼

<div> 
<div> 
<a class="split-button"><span class="ui-button-text">Select</a> 
<a href="#" class = "orange-red-ui">Menu</a> 
</div> 
<ul style="display:none;"> 
<li><a href="#" class = "orange-red-ui deletearecord">Delete</a></li> 

<li><a href="updatearecord/%student_id%" class = "orange-red-ui testclass">Edit</a></li> 
</ul> 

</div>';  

任何人都可以幫助我。我真的不明白爲什麼它不在分割按鈕內工作

Answer 1

這是因爲您沒有在第二個示例中將testclass分配給a鏈接。你的jQuery正在尋找這個類，並找不到任何匹配的元素。

變化：

$('a.testclass').live('click', function() { 

到

$('a.editStudentSubject').live('click', function() { 

作爲一個側面說明，.live現在已不按jQuery的1.7.1。請使用.on，如：

$(document).on('click', 'a.editStudentSubject', function() { 

Answer 2

相反的：

嘗試：

<a class="split-button testclass"><span class="ui-button-text">Select</a> 

參見：http://jsfiddle.net/leonardeveloper/8vKfb/2/