用ASP按鈕打開jQuery Colorbox OnClick

我對使用jQuery做任何事情還是很新的，但是我在過去連接到Colorbox iFrames時運氣不錯。用ASP按鈕打開jQuery Colorbox OnClick

現在，我想鏈接一個普通的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的。點擊（）函數看，我創建並依次打開「openColorbox」分區。我也想在過程中將iFrame指向另一個URL。

來源

2012-06-11 se_brandon

我能夠發送到jQuery的彩盒內的URL並重新加載父頁面的交易是通過下面的代碼完成後：

<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。

來源

2012-06-14 14:03:40

嘗試在按鈕處理OnClientClick事件

編輯：

事情是這樣的：

<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>

我不知道，如果你需要服務器端事件處理？

來源

2012-06-11 15:43:26 Koste

不，沒有改變結果。當我點擊按鈕時，它所做的就是回傳頁面。 –

你有沒有看到這個例子？您需要在JavaScript中創建一個函數，並將函數分配給OnClientClick事件處理函數。 – Koste

哦，是的，做到了。它使得ColorBox彈出了0.25秒，並且馬上消失，大概是因爲它沒有應該顯示的內容。我會在哪裏通過URL來顯示在ColorBox中？ –

用ASP按鈕打開jQuery Colorbox OnClick

回答

相關問題