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()来为标记提供新属性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');
});

jQuery .attr（）不适用于jQuery.dialog

3 个答案: