これは私のデザインページです
<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 リンクをクリックして初めて gridview がポップアップし、gridivew のページング プロパティをクリックするとポップアップが無効になり、再度 href リンクをクリックすると、gridview がポップアップしてデータが表示されます。
gridview ページング プロパティをクリックすると、ポップアップが無効になります。私を助けてください