jquery - 将标题值用作对话框内的文本

Question

我在将值传递到我的对话框中时遇到了很大的问题。我设法把它作为标题。这个值是我计划在查询中使用的 ID，它将获取对话框的内容。如何使用此值在对话框中的屏幕上打印（并在我的查询中使用）这是我填充 .title 的方式：

function openDialog1() { // called by the inner iframe
$('#dialog1').dialog({
    show: "fold",
    hide: "explode",
    width: 500,
    height: 500,
    title: $('#dialog1').data('v'),
    modal: true,
    buttons: {
        Close: function () {
            $(this).dialog("close");
        }
    }

});
}

在这里，我想使用很好地显示为我的标题的值：

    <div id="dialog1" >

   the id is ???   ...
</div>

先感谢您

Answer 1

您可以使用该attr函数获取标题的值并将其添加到您的文本中，假设您的 HTML 是这样的：

<div id="dialog"> 
     <p>my ID is :</p>
     <button id="showID">show ID</button>
</div>

我会使用允许重写<p>标签文本的脚本：

$('#dialog').dialog({
                        show: "fold",
                        hide: "explode",
                        width: 500,
                        height: 500,
                        title: "voila",
                        modal: true,
                        buttons: {
                            Close: function () {
                                $(this).dialog("close");
                            }
                        }    
                    });

    $('#showID').click(function(){
                        var title = $('#dialog').attr('title') ;
                        $('#dialog p').text('my ID is :' + title);
                    });

Answer 2

它认为最好的选择是挂钩jQuery 对话框的open事件并在那里修改对话框的 HTML，如下所示：

$('#dialog1').dialog({
    show: "fold",
    hide: "explode",
    width: 500,
    height: 500,
    title: $('#dialog1').data('v'),
    modal: true,
    open: function(event, ui) {
      $('#dialog1').html('the id is ' + $('#dialog1').data('v'));        
    },
    buttons: {
        Close: function () {
            $(this).dialog("close");
        }
    }    
});