Question

我想在ajax html响应中使用jcarousel。这是我如何在加载DOM的元素上使用jcarousel。

jQuery(document).ready(function() {
    jQuery('#mycarousel-2').jcarousel({ wrap: 'circular' });
});

现在当我使用ajax时，上面的代码并不适用于返回的html。我需要做些什么来重新启动jcarousel脚本？

var data = {
    action: 'get_thumbnails',
    id: id
};

jQuery.post(ajaxurl, data, function(response) {
});

Answer 1

在ajax成功回调中调用它以再次为动态加载的元素

启动jcarousel

 jQuery.post(ajaxurl, data, function(response) {
     //success callback
     jQuery('#mycarousel-2').jcarousel({wrap:'circular'});
 });

Answer 2

可能不是正确的方法，但你可以使用jQuery's event delegation，我认为它可能是有用的，如果不是直接的，那么一个棘手的方式：）

Answer 3

嘿哥们，我相信ajax的正确代码就是这个

$.ajax(
{
type: "POST",    /// your URL 
url: pageurl + "/testajaxfunc1",  /// backend function
data: '{"testval":"' + $('#testField').val() + '"}',  /// data fields
contentType: "application/json;charset=utf-8", // content type
dataType: "json", // datatype
success: OnSuccessReturnValues, // function that it would initiate on success
error: OnError // function that it would initiate on Error
}
);

希望这个帮助

在ajax html响应上使用jQuery事件

3 个答案: