2013-11-11 4 views
0

У меня есть кнопка asp при нажатии на загрузку всплывающего окна в css с использованием jquery. Это прекрасно работает, но не запускает C# при щелчке. У меня есть диаграмма asp, и когда всплывающие нагрузки я хочу, чтобы диаграмма была увеличена во всплывающем окне.JQuery Stops C# нажатие кнопки в asp.net

Asp Кнопка

<asp:Button ID="lbtnPaging" Runat="server" CustomParameter="Value1" onClick="lbtnPage_Click" class="topopup" Text="Enlarge" ></asp:Button>

Jquery

jQuery(function ($) { 

$(".topopup").click(function() { 

    loading(); // loading 
    setTimeout(function() { // then show popup, deley in .5 second 
     loadPopup(); // function show popup 
    }, 500); // .5 second 
    return false; 

}); 

/* event for close the popup */ 
$("div.close").hover(
       function() { 
        $('span.ecs_tooltip').show(); 
       }, 
       function() { 
        $('span.ecs_tooltip').hide(); 
       } 
      ); 

$("div.close").click(function() { 
    disablePopup(); // function close pop up 
}); 

$(this).keyup(function (event) { 
    if (event.which == 27) { // 27 is 'Ecs' in the keyboard 
     disablePopup(); // function close pop up 
    } 
}); 

$("div#backgroundPopup").click(function() { 
    disablePopup(); // function close pop up 
}); 



/************** start: functions. **************/ 

function loading() { 
    $("div.loader").show(); 

} 
function closeloading() { 
    $("div.loader").fadeOut('normal'); 
} 



var popupStatus = 0; // set value 

function loadPopup() { 
    if (popupStatus == 0) { // if value is 0, show popup 
     closeloading(); // fadeout loading 
     $("#toPopup").fadeIn(0500); // fadein popup div 
     $("#backgroundPopup").css("opacity", "0.7"); // css opacity, supports IE7, IE8 
     $("#backgroundPopup").fadeIn(0001); 
     popupStatus = 1; // and set value to 1 


    } 

} 

function disablePopup() { 
    if (popupStatus == 1) { // if value is 1, close popup 
     $("#toPopup").fadeOut("normal"); 
     $("#backgroundPopup").fadeOut("normal"); 
     popupStatus = 0; // and set value to 0 
    } 
} 
/************** end: functions. **************/ 
}); // jQuery End 

C# Код

protected void lbtnPage_Click(object sender, EventArgs e) 
    { 



    } 
+5

В jquery вы возвращаете false, и это останавливает событие от срабатывания. – Zaki

+0

Сэм прав, возвращая false в javascript, остановит его распространение, чтобы выполнить событие Click. –

+0

Спасибо Сэм. Поэтому, не возвращая false, теперь работало, но всплывающее окно, которое создается, сразу исчезает.? – Chris

ответ

1

Изменить JQuery событий в

$(".topopup").click(function() { 

    loading(); // loading 
    setTimeout(function() { // then show popup, deley in .5 second 
     loadPopup(); // function show popup 
    }, 500); // .5 second 
    // return false;  
}); 

return false Остановить поведение кнопки по умолчанию. Если вы хотите использовать оператор возврата return true для вызова серверной стороны Событие

Смежные вопросы