开发者社区> 问答> 正文

jquery重载页面部分的点击事件无法运行

绑定click事件到表格tabel里的链接xxx,并发送ajax请求,成功后重载表格table部分,即执行$('#table').load(location.href + ' #table>*')。

此时再点击链接,点击事件无法执行,必须重新刷新页面。
如何修改?

html代码如下:

<table id="table">
    <tr>
        <th>分类名称</th>
        <th>文章数量</th>
        <th>分类排序</th>
        <th>操作</th>
    </tr>
<?php foreach ($catelist as $v) { ?>
    <tr>
        <td class="tdFirst"></td>
        <td></td>
        <td></td>
        <td class="tdLast">
            <a href="">编辑</a>
            <a class="del" url="c.php?cid=<?php echo $v['cid'] ?>" href="javascript:;">移除</a>
        </td>
    </tr>
<?php } ?>
</table>
jquery代码如下:

$(function() {
    $('.del').on('click', function() {
        var url = $(this).attr('url');
        $.ajax({
            url: url,
            type: 'GET',
            success: function(res) {
                $('#msg').fadeIn('slow').children().text(res);
                $('#table').load(location.href + ' #table>*');
                var timeId = function() {
                    $('#msg').fadeOut('slow');
                };
                setTimeout(timeId, 2000);
            },
        })
    })
})

展开
收起
小旋风柴进 2016-03-24 13:40:24 2500 0
1 条回答
写回答
取消 提交回答
  • 重载之后,之前绑定的事件就没了。用delegate将事件绑在父元素上,即$("#table").on('click','.del',handler)试试。

    2019-07-17 19:12:39
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
Javascript中的函数 立即下载
JavaScript函数 立即下载
Javascript中的对象 立即下载