Question

这是我在aspx页面中的div：

<div id="pop-up">

    <button id="btnClose">Close</button>
        <div id="mopopuptitle">
        </div>
        <table id="popuptable" cellspacing="15">
        </table>
    </div>

这是我的js代码：

$('td#' + parentElement).find('span.download_active').next().hover(function (e) {
                topPos = e.pageY - ($('div#pop-up').height()) - 35;
                leftPos = e.pageX - ($('div#pop-up').width()) - 30;
                if (leftPos < 0) { leftPos = 10; }
                GetAssociatedPeopleList(json_row.value.task_id);
                $('div#pop-up').show().css('top', topPos).css('left', leftPos).appendTo('body');
                $('#mopopuptitle').html('People who have taken up this Request');
                $('#btnClose').button({ icons: { primary: "ui-icon-closethick" }, text: false })
            .css({ width: '30px', height: '20px', position: 'absolute', right: -'25px', top: '-25px' })
            .click($(this).close());
            }, function() {


            });

上面的代码有一些业务逻辑。不要为此烦恼..我需要的是当我点击关闭按钮时弹出窗口必须关闭..

我试过这些线..

$('div#pop-up').show().css('top', topPos).css('left', leftPos).appendTo('body');
                $('#mopopuptitle').html('People who have taken up this Request');
                $('#btnClose').button({ icons: { primary: "ui-icon-closethick" }, text: false })
            .css({ width: '30px', height: '20px', position: 'absolute', right: -'25px', top: '-25px' })
            .click($(this).close());

我无法通过尝试此代码来实现..我应该改变什么？这有什么选择吗？请帮帮我......

Answer 1

在关闭按钮的“OnClientClick”事件中尝试此代码

$find('yourpopId').hide();

Answer 2

您也可以尝试以下代码。

<强> Jquery的：

$('div#pop-up').dialog({ 
      buttons: [{ text: "Close" , click: function () {
    $(this).dialog("close"); }
                }]
 });

Answer 3

您可以从后面的代码控制它：

Page.asp：

<div id="pop-up" runat="server">
   <button id="btnClose" runat="server" Text="Close" />
    ...
</div>

Page.asp.vb：

Private Sub btnClose_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnClose.Click
  pop-up.visible = False
End Sub

如何通过单击关闭按钮关闭弹出窗口？

3 个答案: