用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

回答

相关问题