wie Sie trigger-click-Ereignis auf dynamisch erstellte element in jquery

if($('#term').children().length == 0){
        $("#term").append("<ul id='ulDynamic' class='ulDynamic'></ul>");
        var i;
        for(i=1;i<=3;i++){
            var liDynamic = "Term "+i;
            var liId = "Term"+i;
            $("#ulDynamic").append("<li id="+liId+ " class='listDynamic'>"+ liDynamic +"</li>");
                    if(i==0){
                       $('#'+liId).click();
        }
    }

.klicken Sie auf() funktioniert nicht, da liId ist eine dynamisch erstellte element. Ich will das erste li-element werden automatisch angeklickt, wenn die Seite geladen wird. Gibt es irgendeinen anderen Weg, es zu tun?

InformationsquelleAutor user2682527 | 2013-09-11
  1. 11

    etwas wie:

    $("#term").append("<ul id='ulDynamic' class='ulDynamic'></ul>");
        var i;
        for(i=1;i<=3;i++){
            var liDynamic = "Term "+i;
            var liId = "Term"+i;
            var $li = $("<li />", {
                "id" : liId,
                "class" : 'listDynamic'
            }).html(liDynamic).click(function() {
                alert("clicked:" + this.id);
            });

            $("#ulDynamic").append($li);            
        }
$("#ulDynamic").find("li:first").trigger("click");

    Demo :: jsFiddle

    • genial!! funktioniert perfekt.. danke 🙂
    • du bist herzlich willkommen.. 🙂
    • Sie könnte dann markieren Sie es als Antwort Akzeptiert, wenn es für Sie gearbeitet..!
    • u mein Leben gerettet bro..
    InformationsquelleAutor Sudhir Bastakoti
  2. 7

    Ich habe Ihre ID, beginnend mit Term so dass Sie verwenden können .auf() zum hinzufügen klicken Sie auf Veranstaltung am DOM, die später Hinzugefügt werden.

    Beispiel

    $(document).on('click','[id^="Term"]',function(){
  //code here
});
    • Er will zum auslösen des click-Ereignisses, nicht binden und Veranstaltung für das click-Ereignis.
    InformationsquelleAutor Dipesh Parmar
  3. 5

    Versuchen mit .trigger() wie

     $('#'+liId).trigger('click');
    InformationsquelleAutor Gautam3164
  4. -3

    verwenden event-delgation on innen Ihre ready-Funktion

    versuchen, diese

     $(function(){
   $('#term').on('click','li:first',function(){
    //do your stuff
   });
 });
    • Er will zum auslösen des click-Ereignisses, nicht binden und Veranstaltung für das click-Ereignis.
    InformationsquelleAutor bipen
Schreibe einen Kommentar