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

顺便说一句，根据jQuery 1.7.1，.live现在已被弃用。请使用.on，例如：

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

Answer 2

而不是：

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

尝试：

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

请参阅：http://jsfiddle.net/leonardeveloper/8vKfb/2/