Question

这是我的设计页面

<a href="#" class="topopup">Click Here Trigger</a>
    <div id="toPopup">
        <div class="close"></div>
        <span class="ecs_tooltip">Press Esc to close <span class="arrow"></span></span>
        <div id="popup_content">
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="true"
                AllowPaging="true" PageSize="3" 
                OnPageIndexChanging="GridView1_PageIndexChanging">
            </asp:GridView>             
        </div>
    </div>
    <div class="loader"></div>
    <div id="backgroundPopup"></div>

这是我的Jquery代码

jQuery(function($) {
        $("a.topopup").click(function() {
                    setTimeout(function(){ 
                        loadPopup(); 
                    }, 500); 
            return false;
            });
        $("div.close").hover(
                        function() {
                                $('span.ecs_tooltip').show();
                            },
                            function () {
                            $('span.ecs_tooltip').hide();
                            }
               );        
    $(this).keyup(function(event) {
            if (event.which == 27) { 
                disablePopup();  
            }
        });
$("div#backgroundPopup").click(function() {
                disablePopup(); 
            });
        function loading() {
            $("div.loader").show();
    }
    function closeloading() {
            $("div.loader").fadeOut('normal');
        }
    var popupStatus = 0;     
        function loadPopup() {
            if(popupStatus == 0) { 
                    closeloading(); 
                    $("#toPopup").fadeIn(0500);
                        $("#backgroundPopup").css("opacity", "0.7");
                        $("#backgroundPopup").fadeIn(0001);
                        popupStatus = 1; 
                    }
            }
        function disablePopup() {
                if(popupStatus == 1) { 
                   $("#toPopup").fadeOut("normal");
                    $("#backgroundPopup").fadeOut("normal");
                    popupStatus = 0; 
                    }
            }
    });

实际上，当第一次点击href链接弹出窗口时，当点击gridivew的分页属性时，弹出窗口被禁用，再一次点击href链接，gridview弹出并显示数据。

单击gridview分页属性时，弹出窗口被禁用。请帮帮我

Answer 1

不可能这样做。因为一旦你点击弹出窗口中的链接，然后页面将刷新，你的弹出将关闭。

您需要使用jQuery为paging和sorting调用所有方法。

在Jquery中单击gridview分页属性时禁用弹出窗口

1 个答案: