אירועי קליק לא חלים על SPAN שאני מוסיף אח"כ

[אהרן2]

הפתרון היחיד הוא להפעיל שוב את האירוע אחרי שמכניסים את הספאנים החדשים?

 

[Nahum]

קןדם כל אתה מדבר על ארוע בjquery, נכון? כדאי לציין.

שנית, זה לא הפיתרון היחיד.
יש event מסוג delegate שזה event שחל על כל האלמנטים בעבר ובעתיד.
הsyntax שלו זה כך:

$(document).on('click','span', function...)

 

[אהרן2]

אני מנסה להוכיח שהוכיח שזה כך לא רק אצלי, אבל פשוט לא מצליח עם הדוגמא..
מדוע לא עובד??
<iframe width="100%" height="300" src="//jsfiddle.net/4s0a7n2q/21/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

 

[Nahum]

זה לא עובד כי יש לך טעות בפונקציה למטה, אתה לא מפעיל אותה.
תוסיף () אחרי הפונקציה כדי שהיא תקרא לעצמה.

חוץ מזה, לא מיממשת את מה שכתבתי לך.
הנה קוד שעובד:
<iframe width="100%" height="300" src="//jsfiddle.net/Nahum/4s0a7n2q/22/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

 

[אהרן2]

תודה רבה!!
(אחרי שאני מצליח די טוב להבין קודים כתובים, מגיע הקושי להיכנס לראש ולכתוב א"ז מאפס..)

מדוע

$(document).ready(function() {

לא מייתר את

 $(document).

בשורה שאחרי?

 

[אהרן2]

הנה הוכחה
<iframe width="100%" height="300" src="//jsfiddle.net/4s0a7n2q/34/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

 

[Nahum]

תודה רבה!!
(אחרי שאני מצליח די טוב להבין קודים כתובים, מגיע הקושי להיכנס לראש ולכתוב א"ז מאפס..)

מדוע

$(document).ready(function() {

לא מייתר את

 $(document).

בשורה שאחרי?

ה()$ משמש לבחירת אלמנט מסוים מהDOM. זה יכול להיות class, id או אלמנט. זה גם יכול להיות document או window.
בפעם הראשונה אתה בוחר את document על מנת להפעיל ארוע מסוג ready. בפעם השניה בשביל להפעיל ארוע מסוג click על אלמנט span.

אגב, זה שכתבתי document בארוע מסוג delegate זה לא מחייב, ואפילו לא מומלץ. אני לא אכנס לזה רק אומר שעדיף לבחור באלמנט המכיל (container) הקרוב ביותר לקבוצת האלמנטים שעליהם אתה מפעיל את הארוע. זה טוב יותר לביצועים.

 

[אהרן2]

הבנתי (גם את מה שרמזת)
תודה!

אך מדוע הדוגמא שלי לא עובדת??

 

[Nahum]

הבנתי (גם את מה שרמזת)
תודה!

אך מדוע הדוגמא שלי לא עובדת??

מה רמזתי?

משהו מוזר עם הדוגמה שלך... אני נכנס לjsfiddle וזה תוקע לי את הדפדפן... קרה לי בשני מחשבים.

בכל מקרה, יש לך שם כמה בעיות:
1. נתת לbutton בארוע onclick לקרוא לmyFunction - אין לך פונקציה כזאת...
2. התפריטים מתווספים בפונקציה insert, אבל אף אחד לא קורא לה.