我有一些ASP代码,我试图通过Magnific Popup显示/隐藏,通过从页面传递div作为源. a href="#import-popup" ToolTip="Import New Proposal" class="open-popup-link"Insert New Record/adiv id="import-popup" class="white-popup mfp-
<a href="#import-popup" ToolTip="Import New Proposal" class="open-popup-link">Insert New Record</a> <div id="import-popup" class="white-popup mfp-hide"> <span>Proposal to Import:</span> <asp:TextBox ID="txtPropNum" runat="server" /> <asp:Button ID="btnImport" runat="server" Text="Import" OnClick="btnImport_Click" /> </div>
JS:
$(document).ready(function () { $('.open-popup-link').magnificPopup({ type: 'inline', midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href. }); })
div显示和隐藏完美.我似乎无法获得asp:Button id =“btnImport”来实际触发它的功能(现在它是一个MsgBox来显示asp:TextBox的内容).事实上,我甚至没有看到在我的Web控制台中记录发布/获取请求.
然而,当按钮位于该div内部时,该按钮工作正常,甚至可以从后面的代码访问TextBox,所以我知道我的实际点击功能正在工作.可能会发生什么想法? Magnific以某种方式阻止了回发吗?
如果您使用的是最新版本的.magnificPopup,则可以使用新的prependTo方法,并在设置时发送.net表单ID.$('.popup-with-form').magnificPopup({ type: 'inline', preloader: false, focus: '#name', prependTo: $('#form1'),