javascript - jQuery .attr() 不适用于 jQuery.dialog

Question

我有这样的 HTML 标签：

<div id="user-detail"></div>

这适用于jQuery.dialog容器。和对话脚本...

$('#user-detail').dialog({
        autoOpen: false,
        width: 700,
        show: {
            effect: 'fade',
            duration: 500
        },
        hide: {
            effect: 'slide',
            duration: 500
        }
    });

当我调用一个函数来显示它时，我添加.attr()给标签 new attribute title。

function user_detail(id){
    var output = call_ajax('/customer/ajax_get_detail', 'id=' + id);

    $('#user-detail').attr('title', 'User Detail')
                     .dialog('close')
                     .html(output)
                     .dialog('open');
}

等等…….attr()不工作。问题是什么？？

Answer 1

你可以这样破解它：

$("span.ui-dialog-title").text('User Detail'); 

Answer 2

如果用户详细信息字符串对所有人都是通用的，请不要搞砸。

利用

<div id="user-detail" title="User Details"></div>

Answer 3

您的脚本在这里运行良好http://jsfiddle.net/yeyene/GnpQ8/3/

确保您的变量output有数据。

$(document).ready(function(){
    $('#user-detail').dialog({
        autoOpen: false,
        width: 700,
        show: {
            effect: 'fade',
            duration: 500
        },
        hide: {
            effect: 'slide',
            duration: 500
        }
    });

    $('#user-detail').attr('title', 'User Detail')
                     .dialog('close')
                     .html('HI, I am a dialog.')
                     .dialog('open');
});