2

Web アプリケーションでは、http: //fancybox.net/howtoで詳しく説明されているように、jQuery Fancybox を使用しました。

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 ページをファンシー ボックス スタイルで表示します。しかし、2回目のクリックイベントでその派手なボックスが表示されます。つまり、最初のクリックでは、派手なボックスは開きませんでした。その問題は何ですか？

4

1 に答える 1

3

document.ready を入れてはいけませんAddPartList

$(document).ready(function() {
     $("#lnkAddPart").fancybox({
          'scrolling': 'no',
          'width': 452,
          'height': 225,
          'type': 'iframe'
      });
});
于 2013-04-12T07:50:20.800 に答える