2012-10-04 253 views
0

這是我在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()); 

我不能試圖通過這個代碼實現..我應該改變什麼?有沒有其他選擇?請幫我..

回答

2

嘗試在您的關閉按鈕

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

我不想讓彈出窗口自動隱藏..我希望它只在用戶點擊關閉按鈕時關閉 – Xavier

+0

@Xavier它對你說,onClientClick關閉按鈕。 – Aristos

+0

yes @Xavier在關閉按鈕的「OnClientClick」事件上寫下這段代碼。 返回false; }。並在關閉按鈕事件上調用此函數,如:OnClientClick =「return Close();」 –

0

你可以試試下面的代碼爲好「的OnClientClick」事件的代碼。

的Jquery:

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

您可以從代碼控制它背後:

的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 
相關問題