jQueryのために別のページのアンカーリンク/セクションが動作しない

Question

アンカーリンク/セクションに関する問題があります。だから私のindex.htmlでこのindex.htmlをとrooms.html

すべての作業罰金を持って、一つ一つのアンカーリンクが稼働している（特定のセクションにジャンプ）

問題は、それが私のrooms.htmlでは、動作しません。私はindex.htmlのすべてのセクションへのリンクを宣言しようとしました（あなたはコード内でそれを見ることができます）。しかし、誰も働いていません。

jQueryスクリプト宣言を削除するまで、突然アンカーリンクが機能しています。だから私の質問は、どのように私はこれを修正するのですか？

あまりに外部リンクをsmoothscrollしようとした

$(".navbar a, footer a[href='#myPage']").on('click', function(event) { 
    // Make sure this.hash has a value before overriding default behavior 
    if (this.hash !== ""){ 
     // Prevent default anchor click behavior 
     event.preventDefault(); 

、それwouldntの仕事：私は私のページ

感謝

Answer 1

をjQueryのを必要とするので、あなたが以下の機能を持っているためです。 hrefが '＃'で始まるアンカータグを検索するようなことをするには、smoothscrolling実装を再考する必要があります。

Answer 2

タグ：rel = "external"を追加してみます。これが代わりにdata-ajax = "false"に置き換えてみてください。

Answer 3

index.htmlの33行目を読んでください。 scripコメントに "これはデフォルトの動作を妨げるでしょう"と表示されます。正しく動作しません。私がやることは、あなたのjQueryスクロール・スクリプトにスクロールの目的でページ上の特定のアンカーのみをターゲットにさせることです。たとえば、スムーススクロールしたいものすべてをスムーススクロールのクラスにして、そのクラスをjQueryの代わりに使用します。あなたはスムーススクロールを行う方法を再考する必要があるでしょう。