按钮单击事件不触发内部FancyBox弹出窗口 [英] Button Click Event Not triggering Inside FancyBox Pop-up
本文介绍了按钮单击事件不触发内部FancyBox弹出窗口的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在Fancybox里面有一个按钮,但它并不是一个按钮。
我正在使用Fancybox 2.0.6版本。
虽然我们需要更改标签主体以形成按钮点击工作,我已经在fancybox 1.3.4中完成了但是在2.0.6版本中混淆了怎么做。
I Have a Button inside Fancybox but it is not trigerring.
i''m using Fancybox 2.0.6 version.
although we need to change tag body to form to get button click worked which i already done in fancybox 1.3.4 but confuse how to do it in 2.0.6 version .
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<link rel="stylesheet" type="text/css" media="all" href="style.css">
<link rel="stylesheet" type="text/css" media="all" href="fancybox/jquery.fancybox.css">
<script type="text/javascript" src="fancybox/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.js?v=2.0.6"></script>
</head>
<body>
<form id="form1" runat="server">
<%--<div id="wrapper">
<p>Send us feedback from the modal window.</p>--%>
<p><a class="modalbox" href="#inline">click to open</a></p>
<%--</div>--%>
<!-- hidden inline form -->
<div id="inline">
<h2>Send us a Message</h2>
<table >
<tr>
<td >
<asp:Label ID="Label1" runat="server" Text="Name" CssClass="label"></asp:Label></td>
<td>
<asp:TextBox ID="TextBox1" runat="server" CssClass="txt"></asp:TextBox>
</td>
</tr>
<tr>
<td >
<asp:Label ID="Label2" runat="server" Text="Gender" CssClass="label"></asp:Label></td>
<td>
<asp:TextBox ID="TextBox2" runat="server" CssClass="txt"></asp:TextBox>
</td>
</tr>
<tr>
<td >
<asp:Label ID="Label3" runat="server" Text="Email" CssClass="label"></asp:Label></td>
<td>
<asp:TextBox ID="TextBox3" runat="server" CssClass="txt"></asp:TextBox>
</td>
</tr>
<tr>
<td >
<asp:Label ID="Label4" runat="server" Text="Address" CssClass="label"></asp:Label></td>
<td>
<asp:TextBox ID="TextBox4" runat="server" CssClass="txtarea"></asp:TextBox>
</td>
</tr>
<tr>
<td >
<asp:Label ID="Label5" runat="server" Text="Mobile" CssClass="label"></asp:Label></td>
<td>
<asp:TextBox ID="TextBox5" runat="server" CssClass="txt"></asp:TextBox>
</td>
</tr>
<tr>
<td >
</td>
<td>
<asp:Button ID="send" runat="server" Text="Submit" onclick="send_Click" />
</td>
</tr>
<tr>
<td >
</td>
<td>
</td>
</tr>
<tr>
<td >
</td>
<td>
<asp:Label ID="Label6" runat="server" CssClass="label"></asp:Label>
</td>
</tr>
</table>
</div>
</form>
<!-- basic fancybox setup -->
<script type="text/javascript">
$(document).ready(function() {
$(".modalbox").fancybox();
$("#form1").submit(function() { return false; });
});
</script>
</body>
</html>
推荐答案
(< span class =code-sdkkeyword> document )。ready( function (){
(document).ready(function() {
( 。modalbox)。fancybox();
(".modalbox").fancybox();
( #form1)。submit( function ( ){返回 false ;});
});
< / script >
< / body >
< / html >
("#form1").submit(function() { return false; }); }); </script> </body> </html>
这篇关于按钮单击事件不触发内部FancyBox弹出窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文