$. cycle والمحتوى الديناميكي بعد حدث نقرة

Question

أريد تطبيق دورة على كتلة 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>

Answer 1

تعديل:

حاول الاتصال $.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>

أيضًا ، يجب ألا يكون لديك أبدًا أكثر من عنصر واحد على صفحة مع نفس المعرف.