第一次点击时不显示Fancybox(jQuery)

时间:2013-04-12 07:44:47

标签: c# jquery asp.net visual-studio-2008 web

在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页面。 但是,它显示了第二次点击事件的花式框。我的意思是,在第一次点击它没有打开花哨的盒子。 有什么问题?

1 个答案:

答案 0 :(得分:3)

您不应将document.read y放入AddPartList

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