こんにちは私は特定の間隔で実行したいと思うjqueryプラグインを持っています。 alert()を実行すると、正しく実行されます。setinervalは関数を呼び出すときに一度だけ実行されます
ご協力いただければ幸いです。
おかげで、あなたのコード内の
デビッド
(function ($) {
$.fn.gtSlider = function (options) {
/*****Defualt options****/
var settings = $.extend({
slideInterval: 5000,
slideSpeed: 10000,
activeSlideClass: "active"
}, options);
return this.each(function() {
/*****Set repsonsive widths/heights ****/
/*Slider*/
var slider = $(this);
/*Slider parent*/
var parent = $(slider).parent();
/*Slides*/
var slide = $(parent).find("li");
/*Slider outter height*/
var sliderHeight = $(parent).outerHeight();
/*Slider outter width*/
var sliderWidth = $(parent).outerWidth();
/*Count slides with */
var slideCount = $(slide).length;
/*gtSlider width*/
slider.width(sliderWidth * slideCount);
/*Set slider height based on parent*/
slider.height(sliderHeight);
/*Set slider width based on parent*/
slide.width(sliderWidth);
//Set active slide to 1 to match slide count
var activeSlideIndex = slide.index();
function showNextSlide() {
/*Left slide animation*/
slider.animate({
right: sliderWidth
}, settings.slideSpeed, function() {
});
}
setInterval(function() {
showNextSlide()
}, settings.slideInterval);
});
};
}(jQuery));
$(document).ready(function() {
$(".gtslider").gtSlider({
slideInterval: 2000,
slideSpeed: 1000,
activeSlideClass: "active"
});
});
<div class="container">
<div class="gtslider-wrapper">
<ul class="gtslider">
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
<div style="clear:both"></div>
</div>
</div>
<style>
.container{margin:0px auto;max-width:900px;width:100%}
.gtslider-wrapper{overflow:hidden;width:100%;padding- bottom:40%;height:0px;display:inline-block;}
.gtslider{position:relative;width:100%;height:auto;margin:0;text- align:center;padding:0;overflow:hidden}
.gtslider li{width:100%;list-style:none;text-align:center;float:left}
.gtslider li *{margin:0px auto}
.gtslider li img{max-width:100%;height:auto;display:block}
</style>
実際にあなたはそれを期待しているだけではありませんか? http://jsbin.com/zizunikime/1/edit?js,console –
うんうん右それはなぜ2回左にスライドしませんか? –
あなたは右のプロパティをアニメートしています... HTMLを検査して、おそらく答えがあります、ちょうど推測... html/cssの例を表示できますか? – sinisake