Открытие jQuery Colorbox с кнопкой ASP OnClick

Question

Я до сих пор довольно новичок в использовании jQuery, чтобы что-либо сделать, но мне повезло с привязкой к Colorbox iFrames в прошлом.

Прямо сейчас, я пытаюсь связать общую кнопку ASP, чтобы открыть окно Colorbox. Я пробовал искать все, но я не могу найти точного ответа, который мне нужен. Вот что я до сих пор, что определенно не работает вообще.

<div id="openColorbox"> 
     <asp:Button ID="NewRecordBTN" runat="server" Text="New Material Movement Request" onclick="NewRecordBTN_Click" /> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#openColorbox").click(function(){ 
      $.colorbox({ 
        iframe: true, 
        width: "80%", 
        height: "80%", 
       transition: "fade" })); 
    }); 

Попытка сделать функцию JQuery .click() смотреть «openColorbox» DIV, который я создал и открытый по щелчку. Я также хочу указать iFrame на другой URL в этом процессе.

Answer 1

Я был в состоянии отправить URL внутри JQuery Colorbox и перезагрузите родительскую страницу после того, как сделка была завершена с помощью следующего кода:

<script type="text/javascript"> 
    function OpenCBox() 
    { 
     $.colorbox({ href: "NewMMR.aspx", iframe: true, width: "40%", height: "70%", transition: "elastic", onClosed: function() { parent.location.reload(true); } }); 
    } 
</script> 

Это перезагрузит родительскую страницу на перезагрузку. Он также отправляет его в NewMMR.aspx, когда он будет завершен.

Answer 2

Попробуйте обрабатывать OnClientClick событие на кнопку

EDIT:

Что-то вроде этого:

<asp:Button ID="New`enter code here`RecordBTN" runat="server" Text="New Material Movement Request" onclick="NewRecordBTN_Click" OnClientClick="OpenColorBox()" /> 


<script type="text/javascript"> 
    function OpenColorBox() 
    { 
    $.colorbox({ iframe: true, width: "80%", height: "80%", transition: "fade" }); 
    }  

</script> 

Я не уверен, что если вам нужно на стороне сервера обработки событий?