为什么jQuery .insertAfter在这个例子中不起作用？

在以下示例中,警报显示,但#message为空.

如果我注释掉 .insertAfter行,那么#message会正确显示.

为什么.insertAfter不在这个例子中工作？

Firebug就在它的右边.

JavaScript的:

google.load("jquery", "1.3.2");

//run when page is loaded
google.setOnLoadCallback(function() {

    $('.languageChooser select').bind('click', function() {
        var numberOfItems = $('.languageChooser select option:selected').length;
        $('#message').hide().html("You have selected " + numberOfItems + " " + smartPlural('language',numberOfItems) + ".").fadeIn('slow');

        if(numberOfItems == 1) {
            $('#message').insertAfter('
Use the CTRL and SHIFT keys to select multiple items.
');
            alert('here');
        }
    });

    function smartPlural(itemName, numberOfItems) {
        if(numberOfItems == 1) {
            return itemName;
        } else {
            return itemName + 's';
        }
    }

});

HTML:

    
        
        
        
        
               
    

    

        
Please choose a language:
        
            C#
            Ruby
            PHP
            VB.NET
            JavaScript
            Scala
        
        

    

CMS.. 8

insertAfter仅适用于DOM上已存在的元素,请查看文档:

元素必须已经插入到文档中(如果元素不在页面中,则不能插入元素).

你也许在寻找追加或appendTo？

insertAfter仅适用于DOM上已存在的元素,请查看文档:

元素必须已经插入到文档中(如果元素不在页面中,则不能插入元素).

你也许在寻找追加或appendTo？