JS זיהוי הופעת אלמנט חדש בדף

[Tomim]

שלום,
האם אני יש דרך להגדיר שפונקציית JS תקרא רק לאחר הופעת אלמנט מסוים (לפי הID) בדף?

הסבר:
אני צריך להעלים איזה חלק מטופס שיוצר תוסף מסוים. אי אפשר עם CSS אלא רק עם JS
document.getElementById("cat-select-1").style.display = "none";
הבעיה היא שכשאני מוסיף את הפונקציה הזו בדף עצמו, היא נקראת לפני שהתוסף מוסיף את האלמנט cat-select-1 לדף.
האם יש דרך לזהות שהאלנט הזה התווסף ור אז הפונקציה שלי תסתיר אותו?
תודה

 

[_STAM]

באיזה שלב התוסף מוסיף את האלמנט?

 

[אלעזר 1]

JQUERY

$("p").bind("DOMSubtreeModified", function(){
    alert("The text has been changed.");
  });

מקור:

jQuery Event : Detect changes to the html/text of a div

I have a div which has its content changing all the time , be it ajax requests, jquery functions, blur etc etc. Is there a way I can detect any changes on my div at any point in time ? I dont wan...

stackoverflow.com

ולמה אי אפשר עם CSS?

 

[עיטורים פלוס]

אם זה לא עוזר לשים את הפונקציה בתוך:

$(document).ready(function(){
  
});

אפשר לנסות "להלביש" את האירוע על גבי אלמנט שהוא ודאי קיים בדף מיד עם עלייתו, כמו לדוג' הbody,
כך:

    $("body").on("click","#id_element",(event)=>{
  
    });

 

[אלעזר 1]

אם זה לא עוזר לשים את הפונקציה בתוך:

$(document).ready(function(){
 
});

אפשר לנסות "להלביש" את האירוע על גבי אלמנט שהוא ודאי קיים בדף מיד עם עלייתו, כמו לדוג' הbody,
כך:

    $("body").on("click","#id_element",(event)=>{
 
    });

הוא מדבר לכאורה על אירוע 'change' שלא נתמך בפונקציה הזו. למשל:

<script>
$(document).ready(function(){

  $(document).on('change',"p",function(){
    alert("The text has been changed.");
  });
});
</script>

לא יעבוד

 

[עיטורים פלוס]

הוא מדבר לכאורה על אירוע 'change' שלא נתמך בפונקציה הזו. למשל:

<script>
$(document).ready(function(){

  $(document).on('change',"p",function(){
    alert("The text has been changed.");
  });
});
</script>

לא יעבוד

אין הבדל, אירוע change יעבוד מצויין באותו עיקרון, כמובן צריך להחליף את האירוע מclick ל-change

    $("body").on("change","#id_element",(event)=>{

    });

 

[Tomim]

תודה לכולכם!