Question

我使用 bPopup 作为jquery插件.link是：http://www.jqueryscript.net/lightbox/Lightweight-jQuery-Modal-Popup-Plugin-bPopup.html

这是带有按钮字段的gridview。

              <asp:GridView ID="gvwData" runat="server" 
                   AllowPaging="True" AutoGenerateColumns="False" >                                                                                                                                                                                                                                                                      
                    <Columns>
                        <asp:TemplateField HeaderText="preview">
                        <ItemTemplate>                              
                          **<asp:Button id="mybutton" runat="server" Text="click"/>**
                        </ItemTemplate>

                        </asp:TemplateField>

                    </Columns>
                    <AlternatingRowStyle Width="220px" />
                </asp:GridView>

这是JavaScript函数：

 <script type="text/javascript">

      $(document).on("click", "[id*=mybutton]", function(e) {

        e.preventDefault();     

          **$('#elementtopopup').bPopup();**

 });  (jQuery);


</script>

$（＆＃39;＃elementtopopup＆＃39;）。bPopup（）未显示。以下是我收到的错误的屏幕截图。

Screenshot of the console error

Answer 1

将插件添加到页面底部

<script src="jquery.bpopup-0.8.0.min.js"></script>//change it to the path of the js file

Answer 2

我认为按钮的选择器错误，应该是：

$(document).on("click", "[id$='mybutton']", function(e) {
    // code
});

Web表单使用指定的id后缀id，而不是选择器正在查找的前缀。

简单的jQuery模式弹出窗口没有显示在gridview按钮单击

2 个答案: