如何在jquery中的append标签上添加工具提示

时间:2010-11-19 20:27:39

标签: jquery tooltip

我尝试为此<a href="#">$0.05</a>标记添加工具提示,该标记通过jQuery追加。这是完整的代码:

$("#btnadd").click(function() {
             // Made it a local variable by using "var"
            var addkey = document.getElementById("txtaddkey").value;
            if(addkey!=""){
                $('<li><span>'+addkey+'</span><span class=\"amountin\"><a href=\"#\">$0.05</a> $ <input type=\"text\" maxlength=\"5\"/></span><span class=\'close ui-icon \'></span></li>')
                    .find('.close').click(function (){
                        $(this).parent().remove();  
                    })
                    .end().appendTo('#keyword');
                $('#txtaddkey').val('');
            }
        });

我尝试使用下面的代码,但它不起作用:

$("#keyword").delegate(".amountin a").tooltip({ 
            bodyHandler: function() { 
            alert('hid');
                return $($(this).attr("href")).html(); 
            }, 
            showURL: false 
        });

请帮我解决这个问题

1 个答案:

答案 0 :(得分:0)

您尝试使用.delegate的方式绝对不正确。您应该在点击处理程序中调用.tooltip

.find('.amountin a').tooltip({
    ...
});