2015-05-19 177 views
0

我有一個分頁腳本,我需要將類追加到上一個和下一個按鈕。將類添加到上一個和下一個按鈕

代碼如下所示。

document.querySelector('.prev').style.opacity=(turntopage == 1)? "0.1" : "1"; 
document.querySelector('.next').style.opacity=(turntopage == totalpages)? "0.1" : "1"; 

當前,點擊上一個和下一個,從上面應用可見性,如下所示。

<a class="next" href="#next" style="opacity: 0.1;"> 
<a class="next" href="#next" style="opacity: 1;"> 

我需要對上面所做的更改,所以而不是風格,我可以附加應該呈現的類如下。

<a class="next disabled" href="#next"> 

完整的演示可以看出HERE

+0

所以只是做'.classList.add( 「禁用」)'或'.className + = 「禁用」'取而代之的是'.style ...'的事情嗎? – Bergi

+0

可能的重複http://stackoverflow.com/questions/507138/how-do-i-add-a-class-to-a-given-element –

+0

@Bergi - 我沒有添加'.classList.add(「禁用「)',但它在頁面加載時都顯示爲禁用,但我希望它們像上面提到的僅在發生該事件時才應用的樣式追加 – Nitesh

回答

-1

要麼我不明白這一點,否則我不知道該怎麼想......

$( 「A」)。 addClass(「addClass1 addClass2」);

變化的第一部分改變相同的標籤是怎麼做的(由元素,通過身份證等).. 但這似乎太容易了,所以最有可能我錯過了點...

upd:錯過了沒有jQuery ..使用普通的js .. var d = document.getElementById(「a」); d.className = d.className +「disabled」;

+0

在問題中沒有jQuery。 – Bergi

+0

似乎公平..使用這個: var d = document.getElementById(「a」); d.className = d.className +「disabled」; – witchedwiz

+0

我解決了它在我的onw。我的答案如下 - http://stackoverflow.com/questions/30318044/adding-a-class-to-the-previous-and-next-buttons/30319188#30319188 – Nitesh

0

您可以使用的。新增和卸下襬臂功能班級列表屬性:

document.querySelector classList.add( '禁用 ');(' 下一步')。

+0

我解決了它在我的onw。我的答案如下 - http://stackoverflow.com/questions/30318044/adding-a-class-to-the-previous-and-next-buttons/30319188#30319188 – Nitesh

0

感謝您的支持。我自己解決了它。 我創建了一個ID並添加它,就像我有風格一樣。它解決了我的目的。 最初,根據人們的建議,我確實嘗試了.classList.add,.addClass,.className +=等,但是在點擊上一個和下一個時創建了多個實例/類的重複,這使得標記看起來非常混亂。這工作順利。讓我知道任何建議/編輯。

代碼的變化如下。

document.querySelector('.prev').id=(turntopage == 1)? "disabled" : "enabled"; 
document.querySelector('.next').id=(turntopage == totalpages)? "disabled" : "enabled"; 

LIVE DEMO OF THE SOLUTION

+0

'classList'不重複類名? – Bergi

+0

它做了重複。當你檢查檢查標記時,你可以看到。 - @Bergi – Nitesh

+0

使用ids非常混亂。頁面上可以有多個'disabled'和'enabled'元素,但id必須是唯一的。如果兩個元素均已啓用,文檔中有多個分頁內容,或者存在零頁,因此這兩個元素均被禁用,則腳本無法正常工作。 – Bergi

相關問題