Question

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

到目前为止我已经尝试过但没有工作：

function foo(number) {
  return function(number2) {
    return function(number3) {
      return number * number2  number3;
    }
  }
}

console.log(foo(5)(6)(7));

在小提琴中休息：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 ...

Answer 2

您只需使用substring上的location.hash获取哈希标记

即可

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

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

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

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

2 个答案: