jqueryボタンが無効にならない理由

Question

ユーザーが現在そのページにいる場合、ボタンを無効にしようとしていますが、より効率的な方法がありますが、if、elsesを練習しています。

問題は、リンクをクリックすることができて、リンクをクリックするとページが更新され、同じページにあることです。私のコード：

$("#homepage").on("click", function(event) { 
 
    if (window.location.href === 'index.html') { 
 
     $(this).attr('disabled', "disabled"); 
 
     $(this).attr('disabled', true); 
 
     event.preventDefault(); 
 
    }else { 
 
     window.location.href = 'index.html'; 
 
    }; 
 
}); \t 
 
$("#aboutUs").on("click", function(event) { 
 
    if (window.location.href === 'aboutus.html') { 
 
     $(this).attr('disabled', "disabled"); 
 
     $(this).attr('disabled', true); 
 
     event.preventDefault(); 
 
    }else { 
 
     window.location.href = 'aboutus.html'; 
 
    }; 
 
});

Answer 1

実際にwindow.location.hrefはあなたにフルハンドを与えるDのURLのように： -

https://www.example.com/index.html 

http://www.example.com/index.html 

など

あなたの if条件が真になることはないと思われる理由です

。

使用indexOf()以下のように： -

$("#homepage").on("click", function(event) { 
    if (window.location.href.indexOf('index.html') >-1) { 
      $(this).prop('disabled', true); // recomended to use `prop` 
      event.preventDefault(); 
    } 
    else { 
     window.location.href = 'index.html'; 
    } 
}); 
$("#aboutUs").on("click", function(event) { 
    if (window.location.href.indexOf('aboutus.html')>-1) { 
     $(this).prop('disabled', true);// recomended to use `prop` 
     event.preventDefault(); 
    } 
    else { 
     window.location.href = 'aboutus.html'; 
    } 
}); 

参考： -

indexOf() functionality

あなたは2つだけ、特定のURL'Sのボタンを無効にすることにより、提供あなたのif状態で完全なパスを使用したい場合console.log(window.location.href);。

Answer 2

何よりも

$("#homepage").on("click", function(event) { 
alert(window.location.href); 
}); 

ようwindow.location.hrefの値であることが好きなら状態で、この値を入れていることを確認します。

if (window.location.href === 'dummyrul/index.html') { 
       $(this).attr('disabled', "disabled"); 
       $(this).attr('disabled', true); 
       event.preventDefault(); 
      }