<![CDATA[שאילתת Jquery לא מגיבה]]>נתון הקוד הבא:

<script>
     $(document).ready(function() {
         $("#myBtn").click(function() {//foo1
             var num = $("#myInput input").val();
             for (i = 0; i < num; i++) {
                 $("#myOutput").append($("#myBtn").html());
                 $("#myOutput #main").text(" לחצן " + (i + 1));
                 $("#myOutput #main").attr("id", "l" + (i + 1));
             }
         });
         $("#myOutput button").click(function() {//foo2
             alert("in button under #myOutput")
         });
     });
 </script>
<body>
 <div id="myInput">
     <input type="text">
 </div>
 <div id="myBtn">
     <button id="main">לחץ כאן</button>
 </div>
 <div id="myOutput">
 </div>
</body>

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

השלב הבא אמור להיות שבלחיצה על אחד מהלחצנים, תקפוץ הודעת ()alert. (מסומן כ-foo2) דבר זה אמור להתבצע על ידי הסלקטור

"#myOutput button"

שכן הקוד נראה בשלב זה בצורה הבאה:

<div id="myOutput">
        <button id="l5"> לחצן 5</button>
   ...
   ...
        <button id="l1"> לחצן 1</button>
    </div>

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

]]>https://tchumim.com/topic/11092/שאילתת-jquery-לא-מגיבהRSS for NodeMon, 20 Apr 2026 16:38:52 GMTSat, 24 Apr 2021 20:10:33 GMT60<![CDATA[Reply to שאילתת Jquery לא מגיבה on Mon, 10 May 2021 09:57:49 GMT]]>@dovid אמר בשאילתת Jquery לא מגיבה:

היה פעם live אבל הוא יצא משימוש, במקומו משתמשים בon על אלמנט קיים ומציינים בארגומנט השני את הסלקטור של האלמנט העתידי:

$(document).on('click', 'button', function() { alert($(this).text() + ' clicked!') });

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

סייעת לי רבות, איש יקר.

]]>https://tchumim.com/post/122568https://tchumim.com/post/122568Mon, 10 May 2021 09:57:49 GMT<![CDATA[Reply to שאילתת Jquery לא מגיבה on Mon, 10 May 2021 07:41:41 GMT]]>היה פעם live אבל הוא יצא משימוש, במקומו משתמשים בon על אלמנט קיים ומציינים בארגומנט השני את הסלקטור של האלמנט העתידי:

$(document).on('click', 'button', function() { alert($(this).text() + ' clicked!') });

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

]]>https://tchumim.com/post/122565https://tchumim.com/post/122565Mon, 10 May 2021 07:41:41 GMT<![CDATA[Reply to שאילתת Jquery לא מגיבה on Sun, 09 May 2021 17:20:18 GMT]]>לאחר כל הנ"ל האם יש דרך לגרום לשאילתת JQ לרוץ גם על אלמנטים שיווצרו בעתיד?

]]>https://tchumim.com/post/122531https://tchumim.com/post/122531Sun, 09 May 2021 17:20:18 GMT<![CDATA[Reply to שאילתת Jquery לא מגיבה on Sat, 24 Apr 2021 21:03:36 GMT]]>@odeddvir אמר בשאילתת Jquery לא מגיבה:

אבל כעת אני לא מבין מה ההבדל בין הקוד שלו לשלך...

אצל @yyy הלחצנים נוצרים רק לאחר אירוע לחיצה על אלמנט #myBtn, והקוד שמאגד ללחצנים פונקציה, רץ מיד כשהמסמך מוכן...

]]>https://tchumim.com/post/121838https://tchumim.com/post/121838Sat, 24 Apr 2021 21:03:36 GMT<![CDATA[Reply to שאילתת Jquery לא מגיבה on Sat, 24 Apr 2021 21:03:32 GMT]]>@odeddvir אמר בשאילתת Jquery לא מגיבה:

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

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

אבל כעת אני לא מבין מה ההבדל בין הקוד שלו לשלך...

פירמטתי אותו קצת שיהיה יותר ברור.

]]>https://tchumim.com/post/121837https://tchumim.com/post/121837Sat, 24 Apr 2021 21:03:32 GMT<![CDATA[Reply to שאילתת Jquery לא מגיבה on Sat, 24 Apr 2021 20:53:28 GMT]]>@yossiz אמר בשאילתת Jquery לא מגיבה:

כמו ש@OdedDvir התכוון להעיר, אתה מנסה לאגד event handler לאלמנטים בשעה שעוד לא נוצרו.

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

או יותר אלגנטי

😊

]]>https://tchumim.com/post/121836https://tchumim.com/post/121836Sat, 24 Apr 2021 20:53:28 GMT<![CDATA[Reply to שאילתת Jquery לא מגיבה on Sat, 24 Apr 2021 21:00:35 GMT]]>@yyy כמו ש@OdedDvir התכוון להעיר, אתה מנסה לאגד event handler לאלמנטים בשעה שעוד לא נוצרו.

אפשר לעשות את הפעולה בתוך לולאת ה-for כמו ש-@OdedDvir כתב, או יותר אלגנטי (😉 ) אחרי הלולאה אבל בתוך ‎$("#myBtn").click כאשר האלמנטים כבר קיימים :

$(document).ready(function () {
  $("#myBtn").click(function () { //foo1
    var num = $("#myInput input").val();
    for (i = 0; i < num; i++) {
      $("#myOutput").append($("#myBtn").html());
      $("#myOutput #main").text(" לחצן " + (i + 1));
      $("#myOutput #main").attr("id", "l" + (i + 1));
    }
    $("#myOutput button").click(function () { //foo2
      alert("in button under #myOutput")
    });
  });
});
]]>https://tchumim.com/post/121833https://tchumim.com/post/121833Sat, 24 Apr 2021 21:00:35 GMT<![CDATA[Reply to שאילתת Jquery לא מגיבה on Sat, 24 Apr 2021 20:31:50 GMT]]>@yyy אני לא מנוסה ב-JQuery, אבל אנסה בכל זאת...
הוצאת את הקוד של פונקצית האירוע מלולאת ה for, כשלכאורה אתה צריך להצמיד אותו לכל לחצן. משהו כזה אולי:

for (i = 0; i < num; i++) {
    $("#myOutput").append($("#myBtn").html());
    $("#myOutput #main").text(" לחצן " + (i + 1));
    $("#myOutput #main").attr("id", "l" + (i + 1));
    $("#l" + (i+1)).click(function() {//foo2
         alert("in button under #myOutput")
      }
}
]]>https://tchumim.com/post/121832https://tchumim.com/post/121832Sat, 24 Apr 2021 20:31:50 GMT