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/