Javascript 在ajax html响应上使用jQuery事件

Javascript 在ajax html响应上使用jQuery事件,javascript,jquery,ajax,Javascript,Jquery,Ajax,我想在ajax html响应上使用jcarousel。下面是我如何在DOM加载的元素上使用jcarousel jQuery(document).ready(function() { jQuery('#mycarousel-2').jcarousel({ wrap: 'circular' }); }); 现在当我使用ajax时,上面的代码对返回的html不起作用。我需要做什么来重新定义jcarousel脚本 var data = { action: 'get_thumbnails

我想在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) {
});

在ajax成功回调中调用它,为动态加载的元素再次初始化jcarousel

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

嘿,伙计,我相信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
}
);

希望此帮助可能不是正确的方法,但您可以使用,我认为它可能很有用,如果不是以直接的方式,那么是一种棘手的方式:

您只需要在回调函数中再次调用它,设置选择器以匹配您需要的元素。如果代码是类似jcarousel.js的脚本,该怎么办?我也有一个类似的困境。在这种情况下,我的建议是将此代码包装在函数中并调用该函数。例如:函数jCarousel{jQuery'mycarousel-2'.jCarousel{wrap:'circular'};}并在成功回调中调用jCarousel。确保先加载脚本文件是的,我是否必须重新加载脚本文件,如果是,如何加载?否。。你不必。。如果已经加载,它应该可以工作