我有一个插件,它从外部文件中检索 JSON 数据并将其附加到“div#slider”,检索到数据并且工作正常,但是在成功检索数据后未初始化 easySlider。并且幻灯片没有启动。我在http://lkamal.com.np/r3dImage
上有代码,
我的插件代码如下:
(function($) {
$.fn.r3dImage = function(options){
var defaults = {
url: 'ajax/test.txt',
pause: 2000,
};
var options = $.extend(defaults, options);
//retrive json file
return this.each(function() {
obj = $(this);
var body = obj.html();
getJson();
});
function getJson(){
$.ajax({
type: "POST",
url: options.url,
dataType: "json",
cache: false,
contentType: "application/json",
success: function(data) {
//alert("Success");
$.each(data.dashboard, function(i,post){
obj.html('<li><a href="'+post.TargetUrl+'" target="'+post.Target+'"><img src="' + post.ImageUrl + '" title="' + post.OverlayText +'" /></a></li>');
});
$(obj).easySlider({
pause: options.pause
});
},
error: function(xhr, status, error) {
alert(xhr.status);
}
});
};
/* this.each(function() {
$(options.container).easySlider({
pause: options.pause
});
});*/
};
})(jQuery);
另一个是简单的滑块 1.7。
或者
我可以在easyslider插件中做吗?
我如何合并这两个插件并制作一个。