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

问题描述：

<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());

我不能试图通过这个代码实现..我应该改变什么？有没有其他选择？请帮我..

答

尝试在您的关闭按钮

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

我不想让弹出窗口自动隐藏..我希望它只在用户点击关闭按钮时关闭 – Xavier

@Xavier它对你说，onClientClick关闭按钮。 – Aristos

yes @Xavier在关闭按钮的“OnClientClick”事件上写下这段代码。返回false; }。并在关闭按钮事件上调用此函数，如：OnClientClick =“return Close（）;” –

答

你可以试试下面的代码为好“的OnClientClick”事件的代码。

的Jquery：

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

答

您可以从代码控制它背后：

的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

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

相关推荐