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

Question

在 Web 应用程序中，我使用了 jQuery Fancybox，详见:http://fancybox.net/howto

Default.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'
      });
});