c# - Fancybox (jQuery) 在第一次点击时不显示

Question

在 Web 应用程序中，我使用了 jQuery Fancybox，详情请参阅：http: //fancybox.net/howto

默认.aspx 代码：

 <a id="lnkAddPart" href ="Part.aspx" runat ="server" >
  <div id="Div1" class="button" runat="server">
    <asp:ImageButton ID="BtnAddRecord" ToolTip="Add Record" CssClass="image" ImageUrl="../img/tlb_list_addrecord.gif" runat="server" OnClick="BtnAddRecord_Click" />
  </div>
 </a>

在此按钮单击的服务器端代码中，我调用了以下 jQuery 方法：

function AddPartList() {
            $(document).ready(function() {
            $("#lnkAddPart").fancybox({
                    'scrolling': 'no',
                    'width': 452,
                    'height': 225,
                    'type': 'iframe'
                });
            });
        }

它以精美的盒子样式显示 Part.aspx 页面。但是，它在第​​二次点击事件中显示了那个花哨的框。我的意思是，第一次点击它并没有打开花哨的盒子。那有什么问题？

Answer 1

你不应该把document.ready 放进去AddPartList

$(document).ready(function() {
     $("#lnkAddPart").fancybox({
          'scrolling': 'no',
          'width': 452,
          'height': 225,
          'type': 'iframe'
      });
});