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/

Ajax无法在jquery拆分按钮中工作

2 个答案: