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>

在我display:none;为 main_content 的 id 设置的 css 中，因此当页面加载时它不会出现。然后我希望它在我单击按钮时出现。我一直在谷歌搜索和搜索堆栈溢出有一段时间了，但似乎无法正确处理。

4

3 回答 3

2

You show the #main_content, not #input_form

Should be:

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

Also, your click event is on an element with id #create_form_button... so the button needs to have that ID, not class. So change that to:

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

The button's id is display_form_button yet in the jquery code you are doing $('#create_form_button')

于 2013-04-15T16:39:31.307 回答
0

您的代码没有任何问题，如果您单击Button它会显示DIV但它会重新加载页面，所以DIV变成Invisible..

添加Return false;您的 JQuery 并尝试相同的操作。

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