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

このコードを試してみても達成できませんでした。何を変更すればよいですか？これに代わるものはありますか？私を助けてください..

4

3 に答える 3

2

閉じるボタンの「OnClientClick」イベントでこのコードを試してください

$find('yourpopId').hide();
于 2012-10-04T07:01:53.663 に答える
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
于 2012-10-04T07:42:15.617 に答える
0

以下のコードも試すことができます。

Jquery：

$('div#pop-up').dialog({ 
      buttons: [{ text: "Close" , click: function () {
    $(this).dialog("close"); }
                }]
 });
于 2012-10-04T07:10:06.977 に答える