Wie man angehängten Inhalt manipuliert? Jquery

Question

Ich bin mit Jquery.

ich hängten HTML in ein div wie folgt aus:

$('div#byletter').append(createLettersHtml()); 

Die createLettersHtml Funktion eine Liste von Buchstaben (Links), alle in 'div.ln-Buchstaben' gewickelt erzeugt. Dann möchte ich ein 'onclick' Ereignis wie folgt anrufen:

aber nichts passiert! Wenn ich auf ein nicht angehängtes HTML-Element klicke, funktioniert es, aber es funktioniert nicht mit angehängtem Inhalt. Was mache ich falsch?

UPDATE:

Hier ist voll Code:

$(document).ready(function(){ 

$.fn.listnav = function(options) { 
     var opts = $.extend({}, $.fn.listnav.defaults, options); 
     var letters = ['_', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '-']; 
     var firstClick = false; 
     opts.prefixes = $.map(opts.prefixes, function(n) { return n.toLowerCase(); }); 

$('div#byletter').append(createLettersHtml());  

function createLettersHtml() { 
       var html = []; 
       for (var i = 1; i < 27; i++) { 
        if (html.length == 0) html.push('<a class="all" href="#">ALL</a><a class="_" href="#">0-9</a>'); 
        html.push('<a class="' + letters[i] + '" href="#">' + ((letters[i] == '-') ? '...' : letters[i].toUpperCase()) + '</a>'); 
       } 
       return '<div class="ln-letters">' + html.join('') + '</div>' + ((opts.showCounts) ? '<div class="ln-letter-count" style="display:none; position:absolute; top:0; left:0; width:20px;">0</div>' : ''); // the styling for ln-letter-count is to give us a starting point for the element, which will be repositioned when made visible (ie, should not need to be styled by the user) 
      } 



    }; 

    $.fn.listnav.defaults = { 
     initLetter: '', 
     includeAll: true, 
     incudeOther: false, 
     includeNums: true, 
     flagDisabled: true, 
     noMatchText: 'No matching entries', 
     showCounts: true, 
     cookieName: null, 
     onClick: null, 
     prefixes: [] 
    }; 


    $('.ln-letters a').click(function(){ 

     alert(123); 

}); 

}); 

Answer 1

Sie festgelegt haben, klicken evet nachdem Sie HTML-Inhalte anhängen. Bist du sicher, dass du das tust? Verwenden Sie Firebug oder Opera Dragonfly, um zu überprüfen, ob Sie Fehler in Ihrem JS haben.

Answer 2

können Sie versuchen, .live verwenden. Sie können dies in Doc bereit machen. .live funktioniert gut für angehängte Inhalte.

$(function(){ 
    $('div.ln-letters a').live('click', function(){ 
     alert(123); 
    }); 
});