0

次のようなアンカーを使用して特定のコンテンツ/スライドにアクセスできるサイトに jmpress.js を使用しています: index.htm#/slide1、index.htm#/slide2 など

次のようなコードも使用しています

$('.click').click(function () {
    $(".menu").animate({ top: '+=100' });
    $("#logo").fadeToggle();
});

別のスライドに移動するときにさまざまなものを表示および非表示にします (ユーザーが「.click」をクリックすると、別のスライドが下部から表示され、ホームページが置き換えられます)。これは明らかに、常に「開始」ページ (アンカーなし) から開始する場合にのみ機能します。

しかし、index.htm#/slide1 という URL を使用してページに直接アクセスすると、明らかに 2 つのアイテムが表示または非表示になりません。ただし、ユーザーが開始ページ以外のサイトにアクセスするとすぐに自動的に表示されます。これを行う簡単な方法はありますか (コーディングについてはわかりません)。

したがって、基本的には次のようなものです。

IF anchor #slide1, #slide2 {
    $(".menu").animate({ top: '+=100' });
    $("#logo").fadeToggle();
});
4

1 に答える 1

2 
if (window.location.hash){
      var hash = window.location.hash.substring(1);
      if (hash == "slide1" || hash == "slide2"){
         $(".menu").animate({ top: '+=100' });
         $("#logo").fadeToggle();
      }
}

http://curtistimson.co.uk/js/reading-url-hashtag-values/

于 2013-04-23T12:54:52.630 に答える