如何禁用頁面加載錨（一）標記或（默認禁用），並使用jQuery或Javascript啓用它？

Question

如何禁用頁面加載錨（a）標記或（默認禁用）並啓用它使用jquery或Javascript？

Answer 1

您可以更改href屬性data-href和使用添加href屬性：

$(function() { 
    $('[data-href]').each(function() { 
     var self = $(this); 
     self.attr('href', self.data('href')); 
    }); 
}); 

這將遍歷有數據href和添加href屬性的所有元素。

Answer 2

由於您需要在默認情況下禁用錨標記，因此您可以向每個標記添加一個類並使用javascript刪除calss。

.not-active { 
    pointer-events: none; // disables all the clicks 
    cursor: default; // shows the default cursor when you hover it instead of hand 
} 

你也可以改變字體顏色和其他人，這樣的文字不會出現像一個鏈接。

[編輯]

<script> 
    var anchorElements=document.getElementsByTagName("a"); //Gives the list of all anchor tag elements in the page as an array. 
    for(i=0;i<anchorElements.length;i++) // Iterate over the array 
     anchorElements[i].classList.remove("not-active"); // for each element .classList returns the list of classes specified. remove() is an array function to remove an element in the array 
</script> 

如果您正在使用jQuery你可以使用removeClass（）jQuery函數

$("a").removeClass("not-active"); 

Answer 3

爲了回答您的評論（「我怎樣才能使用javascript刪除CALSS？PLZ幫助「）刪除類，有一個名爲classList的屬性包含它的類屬性。該屬性提供了方便添加或刪除類的方法。例如：

var myItemClasses= document.getElementById("item").classList; 
myItemClasses.remove("my-classname"); // to remove 
myItemClasses.add("my-classname"); // to add 

希望這會有所幫助。