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

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

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

JSP：

来源

2013-08-29 Anusha Honey

默认按钮类型提交据我记得，所以点击它将重新加载页面。将'type =“button”'添加到两个按钮。 –

应该与#选择，因为它是一个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那么你将点击显示它..？可能是你需要把这些按钮以外。

来源

2013-08-29 07:13:42 Gautam3164

没有工作Gautam –

@AnushaHoney看到我编辑的答案... – Gautam3164

谢谢....我怎样才能在mousehover上显示它？我的意思是，默认情况下，div是隐藏的，只会在mouseHover上显示。 –

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

回答

相关问题