根据网址显示/隐藏div

时间:2015-09-23 17:59:10

标签: javascript jquery html

我正在尝试使用以下代码隐藏当前网址为www.mysite.com/#home的div class =“axiosnext-arrow”:

<script language="text/javascript">
    jQuery(document).ready(function($) { 
        $(function(){
            if (window.location.search == "#home") {
                $('.axiosnext-arrow').hide();
            } else {
                $('#navleft').show();
            }
        });
    });
</script>     

3 个答案:

答案 0 :(得分:2)

请试试这个:

jQuery(document).ready(function($) { 
    $(function(){
        if (window.location.hash == "#home") {
            $('.axiosnext-arrow').hide();
        } else {
            $('#navleft').show();
        }
    });
});

答案 1 :(得分:0)

   $(function(){
        if (window.location.hash == "#home") {
            $('.axiosnext-arrow').hide();
        } else {
            $('#navleft').show();
        }
    });

您不需要jQuery(document).ready(function($) {$(function(){。他们做同样的事情。 $(function() {是简写版,请参阅Here.

答案 2 :(得分:-1)

您可以使用window.location.pathname或window.location.href而不是使用window.location.ref,只搜索#home的子字符串。

这是我的答案来自: Get current URL in JavaScript?