Jquery ui 用于多行的JQuery对话框

Jquery ui 用于多行的JQuery对话框,jquery-ui,Jquery Ui,我有一个物品清单。每个对象都有自己的值。在网页上,它们显示为行。我想做的是添加JQuery对话框,当单击特定行上的链接时,该对话框会弹出。最好的方法是什么?最好在每一行中定义一个对话框,还是只使用一个?问题是我无法接触到对话框中的元素,用行数据填充它们。这方面有什么好的例子吗?谢谢你像这样的东西可能吧 <div id="myDialog"> <input id="myElementThatICanAccess" /> </div> 只需使用一个对话框,它在开

我有一个物品清单。每个对象都有自己的值。在网页上,它们显示为行。我想做的是添加JQuery对话框,当单击特定行上的链接时,该对话框会弹出。最好的方法是什么?最好在每一行中定义一个对话框,还是只使用一个?问题是我无法接触到对话框中的元素,用行数据填充它们。这方面有什么好的例子吗?谢谢你

像这样的东西可能吧

<div id="myDialog">
<input id="myElementThatICanAccess" />
</div>

只需使用一个对话框,它在开始时应该是隐藏的:

<div id="rowDialog" style="display:none">
  <div id="rowDialogDiv">in here we are
  </div>
  <button id="rowDialogButton>Custom button</div>
</div>
为行放入事件处理程序:

$("tr").click(function(){
  var rowClicked = $(this);
  $('#rowDialogDiv).text('In the dialog, show we clicked row:' + rowClicked.index());
  $('#rowDialog").dialog("open");
});
强烈建议您提供表和ID,然后从中访问表行,以提高速度,以防有多个表等

还可以为对话框元素提供事件处理程序:

$('#rowDialogButton').click(function(){
//do button stuff
});

我现在明白了。问题是我使用的是innerHTML而不是html()。愚蠢的我:)谢谢你的帮助
$("tr").click(function(){
  var rowClicked = $(this);
  $('#rowDialogDiv).text('In the dialog, show we clicked row:' + rowClicked.index());
  $('#rowDialog").dialog("open");
});
$('#rowDialogButton').click(function(){
//do button stuff
});