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