$. cycle والمحتوى الديناميكي بعد حدث نقرة
-
23-09-2019 - |
سؤال
أريد تطبيق دورة على كتلة Div مع محتوى ديناميكي. سيتم إنشاء هذا المحتوى بعد حدث نقرة. بمجرد النقر على الصورة التي تعمل بعد ذلك ، لا تعمل.
شفرة:
$("div.cls img").click(function() {
.... Adding the content
$('#myDiv').cycle({
fx: 'scrollHorz',
speed: 3500,
timeout: 0, continuous: true,
pause: 1, sync: 1
});
});
لغة البرمجة:
<div id="myDiv">
<div>
<a id="i1"> abc</a>
<a id="i2"> abcd</a>
<a id="i3"> abce</a>
<a id="i4"> abcf</a>
<a id="i5"> abcg</a>
<a id="i6"> abch</a>
</div>
<div>
<a id="i11"> abc1</a>
<a id="i21"> abcd1</a>
<a id="i31"> abce1</a>
<a id="i41"> abc1f</a>
<a id="i51"> abcg1</a>
<a id="i61"> abch1</a>
</div>
</div>
المحلول
تعديل:
حاول الاتصال $.cycle()
مرة أخرى بعد إضافة المحتوى الديناميكي. أيضًا ، استخدم Firebug لضمان إنشاء المحتوى الخاص بك بشكل صحيح.
إذا لم ينجح ذلك ، فيبدو أنك ستضطر إلى تعديل المكون الإضافي للدورة لدعم إضافة "الشرائح" ديناميكيًا ، أو كتابة الحل الخاص بك.
من http://www.malsup.com/jquery/cycle/:
كيف تعمل
يوفر البرنامج المساعد طريقة تسمى دورة يتم استدعاؤها على عنصر حاوية. يصبح كل عنصر طفل في الحاوية "شريحة". الخيارات تتحكم في كيفية ومتى يتم نقل الشرائح.
لذلك ، يمكنك ترك JavaScript بمفردك ، ولكن يجب أن تبدو HTML هكذا:
<div id="myDiv">
<div>
<a id="i1"> abc</a>
<a id="i2"> abcd</a>
<a id="i3"> abce</a>
<a id="i4"> abcf</a>
<a id="i5"> abcg</a>
<a id="i6"> abch</a>
</div>
<div>
<a id="i11"> abc1</a>
<a id="i21"> abcd1</a>
<a id="i31"> abce1</a>
<a id="i41"> abc1f</a>
<a id="i51"> abcg1</a>
<a id="i61"> abch1</a>
</div>
</div>
أيضًا ، يجب ألا يكون لديك أبدًا أكثر من عنصر واحد على صفحة مع نفس المعرف.