Question

我创建了一个博客。特定的组成员可以在该博客中聊天。每个评论都有一个动态创建的链接按钮（“编辑” - ＆gt;文本）

点击编辑链接按钮后，我想要弹出一个对话框。我尝试了很多但无法继续。请帮忙。

以下是关于我如何尝试此操作的代码。

<。>在.cs文件中:(这是我动态创建链接按钮的方式）（我在jquery中使用了 lnkButtons 类。

    LinkButton lnkUpdateComment = new LinkButton();
    lnkUpdateComment.ID = "" + objBridgeNotes.BridgeNotesId;
    lnkUpdateComment.Text = "edit";
    lnkUpdateComment.Attributes.Add("class", "lnkButtons");
    lnkUpdateComment.Click += new EventHandler(lnkUpdateComment_Click);

.js文件：

   $(document).ready(function()  {

$(".lnkButtons").live("click", function()  {
    $("#divEditComment").dialog("option", "title", "Edit the Comment");
    $("#divEditComment").dialog("open");
    return true;
});

$(function () {
    var dlg = $("#divEditComment").dialog({
        autoOpen: false,
        show: "blind",
        hide: "blind",
        //height: 450,
        minWidth: 400,
        //position: ['right', 210],
        buttons: {
            "Update Note": function () {

                var Updates = btnSubmitComment.replace(/_/g, '$');
                __doPostBack(Updates, '');
            }
        }
    });
    dlg.parent().appendTo(jQuery("form:first"));
});

 });

<。>在.aspx文件中：

        <div id="divEditComment">
    <asp:UpdatePanel ID="updComments" runat="server">
        <ContentTemplate>
            <div>
                <table width="100%" style="text-align: center">
                    <tr>
                        <td>
                            <div id="divComments" runat="server">
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </ContentTemplate>

    </asp:UpdatePanel>
</div>

Answer 1

使用 on()

$(document).on("click",".lnkButtons", function()  {
// desire action
});

.on()方法将事件处理程序附加到jQuery对象中当前选定的元素集。从jQuery 1.7开始，.on()方法提供了附加事件处理程序所需的所有功能。有关从旧的jQuery事件方法转换的帮助，请参阅.bind()，.delegate()和.live()。要删除与.on()绑定的事件，请参阅.off()。要附加仅运行一次然后自行删除的事件，请参阅.one()

按 jQuery

打开动态创建的链接按钮的JQuery对话框

1 个答案: