jQuery 对话框中的图像按钮
Image button in jQuery dialog
我想创建一个带有图像按钮的 JQuery 对话框。我尝试用我的图像替换按钮，但它没有按预期工作。我还尝试将我的图像 src 添加到按钮之前，但也不走运。所以我想知道是否可以在 JQuery 对话框中创建图像按钮？
我假设您已经能够通过常规按钮（而不是对话框）获得您想要的内容。
您不必使用 buttons 选项将按钮放入对话框中。您可以按正常方式进行：
<div id="dialogWithButtons">
<button id="saveButton">Save</button>
<button id="cancelButton">Cancel</button>
</div>
然后在您的脚本中：
$('#dialogWithButtons').dialog();
$('#saveButton').on('click', function(e, ui) {
//do whatever
});
等等。我将让您根据您的具体情况制定详细信息。
不过有一点：您需要确保 jQuery 选择器唯一引用您的按钮。在我使用取消按钮的情况下出现了这种情况，因为我有一个 .cancelButton class 用于多个页面的点击事件处理程序（因为每页只有一个）。如果您这样做，单击取消按钮将 运行（或至少在我的情况下，运行）处理程序就像您单击主页上的取消按钮一样。
我想创建一个带有图像按钮的 JQuery 对话框。我尝试用我的图像替换按钮，但它没有按预期工作。我还尝试将我的图像 src 添加到按钮之前，但也不走运。所以我想知道是否可以在 JQuery 对话框中创建图像按钮？
我假设您已经能够通过常规按钮（而不是对话框）获得您想要的内容。
您不必使用 buttons 选项将按钮放入对话框中。您可以按正常方式进行：
<div id="dialogWithButtons">
<button id="saveButton">Save</button>
<button id="cancelButton">Cancel</button>
</div>
然后在您的脚本中：
$('#dialogWithButtons').dialog();
$('#saveButton').on('click', function(e, ui) {
//do whatever
});
等等。我将让您根据您的具体情况制定详细信息。
不过有一点：您需要确保 jQuery 选择器唯一引用您的按钮。在我使用取消按钮的情况下出现了这种情况，因为我有一个 .cancelButton class 用于多个页面的点击事件处理程序（因为每页只有一个）。如果您这样做，单击取消按钮将 运行（或至少在我的情况下，运行）处理程序就像您单击主页上的取消按钮一样。