javascript - jQuery 在更改 anchor 文本时隐藏/显示 DIV

Question

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

到目前为止我已经尝试过但不起作用:

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

在 fiddle 中休息:https://jsfiddle.net/shubhamjha1000/vh7bu32q/

我不希望该手机出现在第一部分，而是出现在其余部分。请大家帮帮我!

Answer 1

您可以使用此question中写的答案聆听窗口中的变化，查看您所在的网址，并相应地显示或隐藏手机......

示例:

    $(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 隐藏和显示...