javascript-如何结合jQuery UI对话框标题更改并在一个函数调用中打开

我有一种情况需要更新jQuery UI的标题
双击表格单元格时,带有零件号的对话框.
标题将从表单元格的值本身获取.

实际代码中的此代码段(如下)有效,但实际上不起作用
对我来说似乎正确,因为我必须两次调用对话框函数：(1)
更改标题,然后(2)打开对话框.

是否有更好的方法将两个操作与一次调用结合在一起
.对话()？

JS代码段

// Dialog declaration
var my_dlg = $('<div id="my-dlg">')
  .html(
    '<span class="part">FOO BAR</span>'
  )
  .dialog({
    autoOpen: false,
    title: 'Default Title',
    modal: true
  });

// Event handler
$('td.part').live('dblclick', function(){
  $(my_dlg)
    .dialog('option','title', $(this).text())
    .dialog('open');
});

HTML片段

<table>
<tr><td class="part">AB123456</td></tr>
<tr><td class="part">GX443459</td></tr>
<tr><td class="part">SK555455</td></tr>
</table>

解决方法:

这是正确/唯一的方法,因为您有2个事件,对话框会自动打开,并单击表格单元格.实例化之后,这也是更改jQuery UI对话框中任何选项的正确方法.

您要做的唯一不必要的事情是第二次使用my_dlg到$()中,它并不需要,因为它已经是jQuery对象了.

标签：jquery-dialog,jquery-ui,javascript,jquery
来源： https://codeday.me/bug/20191101/1982605.html