HREF問題無法解決

Question

嗨，我需要解決這個問題，我有更多的<a> attr。 當單擊不同的頁面時，我會得到相同的網頁，而我認為這是jQuery代碼中的問題

var socialIcons = $(".social a"),
   href = socialIcons.attr("href");

socialIcons.on("click",function(e){
    e.preventDefault();

    setTimeout(function() { 
           window.location.href = href;
     }, 500);
});

Answer 1

您正在將href設置為加載頁面時與選擇器匹配的第一個元素的屬性，而不是用戶實際單擊的元素。 您需要在回調函數中設置變量，並使它與clicked元素相關（在處理程序函數中就是this元素）。

socialIcons.on("click",function(e){
    e.preventDefault();
    var href = $(this).attr("href");
    setTimeout(function() { 
        window.location.href = href;
     }, 500);
});