שאלות על פונקציות JS שקשורות ל-DOM

[אהרן]

קורה לי משהו מאוד (או שלא) מוזר!!
אני מפעיל האזנה לקליק - ).on('click', לאינפוט
אותו אינפוט נמצא כמה פעמים עם אותו שם ואותו תוכן
אז בקליק הפונקציה מופעלת כמספר המופעמים!!
איך מונעים את זה??

פורסם במקור בפורום CODE613 ב20/08/2015 08:23 (+03:00)

[אהרן]

פה התשובה?
http://stackoverflow.com/questions/5563783/jquery-class-click-multiple-elements-click-event-once
לצערי לא הבנתי אותה

תודה מראש על כל עזרה!

פורסם במקור בפורום CODE613 ב20/08/2015 08:42 (+03:00)

[dovid]

הם אומרים שהפונקציה מופעלת כמספר הפעמים שכתבת/הפעלת את ).on('click.

פורסם במקור בפורום CODE613 ב20/08/2015 10:39 (+03:00)

[אהרן]

משהו מוזר
).on('click. אמור לעבוד גם על אלמנטים שנוצרים אח"כ, בפועל זה לא, זו הסיבה ש-).on('click. מופעל הרבה פעמים.

אז הוספתי off בכל פעם לפני הכנסת ה-).on('click.
עובד ב"ה
אבל עקום.

פורסם במקור בפורום CODE613 ב20/08/2015 11:08 (+03:00)

[dovid]

לא הבנתי...

פורסם במקור בפורום CODE613 ב20/08/2015 12:17 (+03:00)

[אהרן]

פונקצית on של jq מפעילה האזנה לאירוע, ואמור לעבוד גם על אלמנטים שנוצרים אחרי הפעלת האזנה.
בפועל זה לא עובד לי, לא יודע למה, לכן אני קורא ל-ON בפונקציה שיוצרת את האלמנטים החדשים.
לפי מה שכתוב שם זו הסיבה שהפונקציה שה-ON קורא לה רצה כמה פעמים בכל הפעלת הארוע.
אז לפני כל פעם שקראתי לפונקציה ON אני קורא קודם לפונקציה OFF שמבטל את האזנות הארוע.

פורסם במקור בפורום CODE613 ב20/08/2015 17:49 (+03:00)

[dovid]

@אהרן

בפועל זה לא עובד לי, לא יודע למה,

יש מצב לדוגמה?

פורסם במקור בפורום CODE613 ב20/08/2015 18:08 (+03:00)

[אהרן]

האמת שאני בדר"כ משתדל להביא קוד
אבל פה זה לא שאלה בקוד (לכאורה) אלא במבנה.
פקודת הON עומדת בפני עצמה

$(document).ready(function() {
    $('.wn-active').on('click', function(e){
        someFunc(e);
    });
});

והאלמנט מתווסף אח"כ
מה יש פה להראות?
אני שואל באמת, אולי זה קשור לקושי שלי להתבטא.

פורסם במקור בפורום CODE613 ב20/08/2015 18:40 (+03:00)

[אהרן]

אני יודע שעדיף כך

//$('.Answer').on('click', '.wn-active', function(){

אבל זה לא שינה בענין הזה.

פורסם במקור בפורום CODE613 ב20/08/2015 18:43 (+03:00)

[אהרן]

ועל הדרך שאלה נוספת
AJAX זהו אחד מהפונקציות של של JQ
אז מדוע יש לינק תחת הקטגוריה ajax?
//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

פורסם במקור בפורום CODE613 ב20/08/2015 19:09 (+03:00)

[אהרן]

אוקי, אולי אחסוך לאחרים
גם בארוע ON האלמנט הראשי חייב להיות קיים, רק המישני דינמי.
כך:

//$(Selection is).on('click', dinamic selection, function(){

ולעולם יש למה לקשר, למשל ל-documet.

בנוסף אם רוצים להעביר כארגומנט את את האלמנט, חייב להיות this, אם מכניסים שם משתנה זה שולח רק מידע על הטריגר עצמו.

פורסם במקור בפורום CODE613 ב21/08/2015 03:24 (+03:00)