Question

我将以下HTML附加到名为videoList的Div上，但是当我单击链接时，它不会触发ajax调用，但会转到href中定义的url。我已经尝试在href中使用javascript void，但仍然无法在点击时触发ajax。控制台中没有错误！

 var newHtml = '<div class="group-seemore">';
                        newHtml +=    '<a class="ajax-cate-mobile" data-slug="' + res.category.slug + '" data-start="5" href="/blog/category/'+ res.category.slug +'" title="">';
                        newHtml +=    'See more';
                        newHtml +=    '</a>';
                        newHtml +=    '</div>';
                        $('#videoList').append(newHtml);

Ajax：

$('.ajax-cate-mobile').click(function(e){
            console.log('hi');
            e.preventDefault();
            var $this = $(this);
            var start = $this.parents('.blog-groups').find('.ajax-cate-mobile').data('start');
            params.start = start;
            var newStart = start + 10;
            $this.parents('.blog-groups').find('.ajax-cate-mobile').data('start', newStart);

            $(this).style="border-bottom:1px solid #197B81";
            var _loader = '<div class="ajax-loader"><img src="/images/ajax-loader.gif"></div>';
            //$('#videoList').empty().html(_loader);
            var cate_slug = $(this).attr('data-slug');
            params.cate_slug = cate_slug;
            ajaxLoadVideoInMobile(params, $this);
            $('.submenu').fadeOut();
            $('.ajax-loader').fadeOut();
        });

Answer 1

借助已存在的父项来绑定事件：

$(document).on("click", ".ajax-cate-mobile", function() {
    // Your code 
});

活动并未触发点击

1 个答案: