وخلق عرض الشرائح مسج (وليس الصور)

Question

لدي بضعة من div العناصر الواردة في حاوية واحدة div, و أود أن تنزلق خلالها تظهر فقط في وقت واحد, وبعد فترة معينة مهلة الشريحة مرئية حاليا div إلى اليسار باستخدام الرسوم المتحركة, والانزلاق في القادم شعبة من الحق.

بلدي HTML تبدو شيئا مثل هذا:

<div id="topMaps" style="height: 225px; overflow: hidden;">
  <div>First slide - some content here</div>
  <div>Second slide - some content here</div>
  <div>... slide - some content here</div>
  <div>n'th slide - some content here</div>
</div>

أنا باستخدام البرنامج النصي التالي لهذا:

var currentSlide = 1;
var numSlides = -1;
var slideSpeed = 1000;
var timePerSlide = 3500;

function nextSlide() {
    $('#topMaps div:nth-child(' + currentSlide + ')').hide("slide", { direction: "left" }, slideSpeed);
    currentSlide += 1;
    if (currentSlide >= numSlides)
        currentSlide = 1;
    $('#topMaps div:nth-child(' + currentSlide + ')').show("slide", { direction: "left" }, slideSpeed);

    setTimeout(nextSlide, timePerSlide);
}

$(document).ready(function() {
    numSlides = $('#topMaps div').length;
    setTimeout(nextSlide, timePerSlide);
});

لكنه لا يعمل.عندما nextSlide وظيفة يسمى لأول مرة فايرفوكس تقارير الخطأ التالية:

o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function
http://localhost/templates/front/default/js/jquery.js
Line 19

وعندما إضافة $('#topMaps div:nth-child(' + currentSlide + ')') في مشاهدة الفريق في الحرائق ، إرجاع مجموعة من 10 العناصر ؟ Reall غير متأكد من ما يحدث.

ربما شخص ما يمكن أن تساعدني ؟

تحرير كنت احسب المشكلة مع محدد, كنت بحاجة إلى استخدام $('#topMaps>div:nth-child(' + currentSlide + ')') (لاحظ >).انه لا يزال لا يعمل على الرغم من.

Answer 1

في حين لا جواب ما يريد ، هل تعتبر استخدام دورة البرنامج المساعد?

Answer 2

قد يوصي تحديد هوية لكل div واصفا إياه في nextSlide() وظيفة js,اختبار currentSlide متغير واختيار المقبل div انها ليست جيدة البرمجة شئ ولكن يمكنك على الأقل أن تجعل من العمل حتى يمكنك معرفة ما هو الخطأ مع $('#topMaps div:nth-child(' + currentSlide + ')')