Question

我和Jquery在一起。

我将html附加到这样的div：

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

createLettersHtml函数创建一个包含在'div.ln-letters'中的字母（链接）列表。然后我想打电话给'onclick'这样的事件：

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

    alert(123);

});

但没有任何反应！如果我将调用onclick任何非附加的html元素它可以工作，但它不适用于附加的内容。我做错了什么？

更新：

以下是完整代码：

$(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

您可以尝试使用.live。你可以在doc准备好了。 .live适用于附加内容。

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

Answer 2

您必须在附加HTML内容后设置点击事件。你确定你这样做吗？此外，使用Firebug for Opera Dragonfly来检查你是否有任何错误。

如何操纵附加内容？ jQuery的

2 个答案: