0

私は以下のコードを持っています

    <div id="display_form">
    <script type="text/javascript">     
        $(document).ready(function () {
            $('#display_form_button').on('click', function () {
                 $('#main_content').show();
            });
        });
    </script>
    <asp:Button id="display_form_button" runat="server" Text="Create Form" CssClass="create_form_button"/>
</div>

そして、テーブルなどの大量のコンテンツを含むdivがあります

    <div id="main_content">
        tables etc
     </div>

cssdisplay:none;で main_content の id を設定したので、ページが読み込まれたときに表示されません。次に、ボタンをクリックしたときに表示されるようにします。私はしばらくの間、スタックオーバーフローをグーグルで検索してきましたが、うまくいかないようです。

4

3 に答える 3

2

あなたは、#main_contentではなく、#input_form

次のようにする必要があります。

$('#input_form').show();

また、クリック イベントは id の要素にある#create_form_buttonため、ボタンにはクラスではなくその ID が必要です。それを次のように変更します。

$('#display_form_button').on('click'...
于 2013-04-15T16:38:55.100 に答える
0

ボタンのIDはdisplay_form_button、あなたがやっているjqueryコードにまだあります$('#create_form_button')

于 2013-04-15T16:39:31.307 に答える
0

あなたのコードには何も問題はありません. をクリックするButtonと が表示されますがDIV, ページをリロードします. ..DIVInvisible

Return false;JQuery を追加して、同じことを試してください。

   $(document).ready(function () {
        $('#ContentPlaceHolder1_display_form_button').on('click', function () {
            $('#main_content').show();
            return false;
        });
    });
于 2013-04-15T16:52:18.880 に答える