Question

我的JSP中有以下代码。隐藏/显示不起作用..我哪里错了？ JavaScript的：

<script>
    $(document).ready(function(){
     $("#hide").click(function(){
       $("pageNav").hide();
    });
    $("#show").click(function(){
     $("pageNav").show();
    });
 });
</script>

JSP：

<button id="hide">Hide</button>
<button id="show">Show</button>
<div id="pageNav">
    <div class="sidebarmenu">
        <ul>
             <li>......</li>
             <li>......</li>
        </ul>
     </div>
</div>

Answer 1

应该使用#进行选择，因为它是id，也可以使用.on()

$('#pageNav').hide();

然后你的代码将是

$("#hide").on('click',function(){
    $("#pageNav").css('display','none');  // $('#pageNav').hide();
});
$("#show").on('click',function(){
    $("#pageNav").css('display','block');  // $('#pageNav').show();
});

我怀疑是......如果你隐藏pageNav那么你会点击它来显示它。??您可能需要将pageNav

之类的按钮放在之外。

隐藏/显示不在JSP中工作？

1 个答案: