JQuery不会从按钮获取动态更新的数据 [英] jquery isn't getting dynamically updated data from button

问题描述

我已经创建了一个按钮，用于更新自身的值，当再次单击时，jQuery不会获取更新的值。

第一次点击前：

<a href="news" data-start="2" data-limit="2" data-page="2" class="btn load-more">Load more</a>

jQuery：

$(document).on('click','.load-more',function(e){
        e.preventDefault();

        var start   = $(this).data('start'),
            limit   = $(this).data('limit'),
            page    = $(this).data('page'),
            type    = $(this).attr('href');

        alert( start+' '+limit+' '+page );

        $.ajax({
            url:'/index.php?route=news/news/getnext&start=4&limit=4&page=2',
            method:'GET',
            data:{start:start,limit:limit,page:page},
            dataType:'json',
            success:function(data){

                .... doing stuff ....

                if(data.pagination === true){
                    $('.load-more').attr('data-start',data.start).attr('data-limit',data.limit).attr('data-page',data.next);
                } else {
                    $('.load-more').fadeOut(250,function(){
                        $(this).remove();
                    });
                }

            }
        })(data);
    });

这将如期向"%2%2%2"发出警报。

更新按钮(第一次点击后)：

<a href="news" data-start="4" data-limit="2" data-page="3" class="btn load-more">Load more</a>

然后我再次单击该按钮，它仍然提示"%2 2%2"，而不是"%4%2%3"，该按钮已更新为..

对此有什么想法吗？我似乎无法让它工作，我已经尝试了基本的点击功能和委托，但它不能像预期的那样工作。

推荐答案

更新以下代码后：

 <a href="news" data-start="4" data-limit="2" data-page="3" class="btn load-more">Load more</a>

    $(document).on('click','.load-more',function(e){
    e.preventDefault();

    var start   = $(this).attr('data-start');
        limit   = $(this).attr('data-limit');
        page    = $(this).attr('data-page');


    alert( start+' '+limit+' '+page );
});

这篇关于JQuery不会从按钮获取动态更新的数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！