jQuery在更改锚文本时隐藏/显示DIV

Question

我有一个页面网站，在滚动和导航点击时更改URL #id或锚文本。 我有一个固定在网站中心的图像。 该网站分为不同的部分，图像显示在所有部分。 我不想在第一部分显示图像，因为它与第1部分的内容无关，但将在所有下一部分中显示。 我怎样才能使它工作？

我到现在为止尝试但没有工作：

$(document).ready(function(){
    $(".phone").hide();
    var idSample = window.location.href.split("#");
    var id = "#"+idSample[1];
    if($(id) == "second"){
        $(".phone").show();
    }else{
        $(".phone").hide();
    }
});

休息在小提琴： https ： //jsfiddle.net/shubhamjha1000/vh7bu32q/

我不希望在第一部分看到这部电话，而是在其余部分看到。 请帮帮我们！

Answer 1

您可以使用写在这个答案的问题听窗口的变化看你是什么网址，并相应地显示或隐藏手机....

例：

    $(function(){

  // Bind the event.
  $(window).hashchange(hashchanged);

  // Trigger the event (useful on page load).
  hashchanged();

});

function hashchanged(){
 var hash = location.hash.replace( /^#/, '' );
 //your code
 if(hash == "#first") {
    // Hide element
  } else {
    // Show element
  } 
}

但即使你计划做的事情仍然可以使用该解决方案，我认为它在应用程序上仍然看起来很糟糕而不是徘徊的电话也许你可以在相关容器内创建手机作为img并隐藏和显示与id ...

Answer 2

您可以在location.hash上使用substring来获取哈希标记

$(document).ready(function(){
    $(".phone").hide();

    var id = window.location.hash.substr(1);

    if($(id) == "second"){
        $(".phone").show();
    }else{
        $(".phone").hide();
    }
});