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

אהרן

יש כמה DIV'ים עם אותו className
עכשיו אחד מהם נותן טריגר לשליחה וקבלת ajax
בגלל שJS ממשיך לרוץ אחרי הפקודת ajax, המשך הפעולה במקרה של הצלחה מתבצע ע"י }).done(function או uppend.

השאלה היא, איך אני מזהה את אותו אלמנט בדיוק בשביל לבצע בו שינוים, הרי לכולם יש אותו שם class??

תודה!

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

zvi good

@אהרן

יש כמה DIV'ים עם אותו className
עכשיו אחד מהם נותן טריגר לשליחה וקבלת ajax
בגלל שJS ממשיך לרוץ אחרי הפקודת ajax, המשך הפעולה במקרה של הצלחה מתבצע ע"י }).done(function או uppend.

השאלה היא, איך אני מזהה את אותו אלמנט בדיוק בשביל לבצע בו שינוים, הרי לכולם יש אותו שם class??

תודה!

אתה מתכוון לזה אולי?
כאן יש לך דוגמה לזיהוי className ע"י Jquery

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".myclass").click(function (event) {
                $(this).html("אופס' לחצת עלי");
                $(this).css("color", "red")
            });
        });
    </script>
</head>
<body>

    <div class="myclass"> כותרת ראשונה</div>
    <br />
    <div class="myclass">כותרת משנית</div>
    <br />
    <div class="myclass">מאמר ראשון</div>
    <br />
    <div class="myclass">מאמר שני</div>
    <br />    

</body>
</html>

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

אהרן

זה בהפעלה ישירה
איך אני משמר את כתובת הדיס הזה?

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

dovid

משתנה.

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

softs

Zvi:
this בתוך הפונקציה done יחזיר את האובייקט של ה AJAX ככה שזה פשוט לא יעבוד לו

אני הייתי עושה ככה:

$(document).ready(function () {
            $(".myclass").click(function (e) {
				$.ajax({
				  url: "http://fiddle.jshell.net/css/normalize.css",
				}).done(function() {
				 $(e.target).css('color','red');
				});
			});
        });

fiddle:
http://jsfiddle.net/foo9749o/

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

אהרן

טוב, כל השולחן פה מלא שערות...

טריגר לא יעזור כי זה לא בהכרח הטריגר האחרון,
אני מקבל את האלמנט ע"י תוסף JQ קטן שבניתי
ואז מזריק אותו כארגמנט לפונקציה שמפעילה את הג'קס, שם זה כבר נגיש לתוך הפונקציות הפנימיות.

תודה לכם!

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

אהרן

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

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

אהרן

אגב, מדוע צריך לכתוב e.target ולא מספיק e לבד?

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

אהרן

קורה לי משהו מאוד (או שלא) מוזר!!
אני מפעיל האזנה לקליק - ).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)

תחומים - פורום חרדי מקצועי

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