Javascript 在ajax html响应上使用jQuery事件
我想在ajax html响应上使用jcarousel。下面是我如何在DOM加载的元素上使用jcarouselJavascript 在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
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。确保先加载脚本文件是的,我是否必须重新加载脚本文件,如果是,如何加载?否。。你不必。。如果已经加载,它应该可以工作