jquery ui-dialog确认按钮问题

时间:2012-10-23 13:23:32

标签: jquery asp.net jquery-ui-dialog jquery-click-event

这是一些由asp.net为浏览器生成的Html + jQuery ui对话框代码..

到我的眼睛看起来很好,但问题是,确认按钮会触发指定类链接的点击事件,尽管事件不会被触发。

[更新:我更改了“$(”。lDel_23“)。click();” to document.location.href =“javascript:__ doPostBack('ctl00 $ ContentPlaceHolder1 $ ListView_Sections $ ctrl1 $ LinkBut​​ton_Delete','')”并且它调用了函数..所以问题似乎是点击触发器无法正常工作链接的href设置为javascript方法..虽然尝试手动点击工作jQuery点击触发器调用doesnt ..这有什么意义???? ]

    <a href="#" id="aDel_23"></a>
    <a id="ctl00_ContentPlaceHolder1_ListView_Sections_ctrl1_LinkButton_Delete" title="Delete" class="lDel_23" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$ListView_Sections$ctrl1$LinkButton_Delete','')"></a>
     <div id="dialog_23" title="Confirm Delete">
           Delete Section [section name]
     </div>

     <script type="text/javascript">
            $(document).ready(function() {
                $("#dialog_23").dialog({
                    autoOpen: false,
                    modal: true,
                    width: 400
                });
                // Link to open the dialog
                $("#aDel_23").click(function(event) {
                    event.preventDefault();
                    $("#dialog_23").dialog({
                        buttons: {
                            'Confirm': function() {
                                $(this).dialog('close');
                                $(".lDel_23").click();
                            },
                            'Cancel': function() {
                                $(this).dialog('close');
                            }
                        }
                    });

                    $('#dialog_23').dialog("open");
                });
            });
    </script>

1 个答案:

答案 0 :(得分:2)

显然,在“a”标签上触发链接会更加繁琐。看看这些问题是否有帮助:trigger a click on a anchor link

基本上将此更改为$(".lDel_23").click();$(".lDel_23").get(0).click();