jquery中的switchClass不起作用

我有一個網站，其中的html標籤有一個使用CSS的背景圖像。我創建了一個標籤，當你點擊它時，html標籤背景圖像應該通過CSS進行更改。我正在使用switchClass，但它沒有工作。在下面找到我的代碼：jquery中的switchClass不起作用

行：

<html class="background1">

與鏈路觸發的jQuery：

<div id=photoNum> 
 
    <a class="photoLink" href="#">1</a> 
 
    </div>

CSS：

.background1 { 
 
    background: url(Photos/Main.jpg) no-repeat center center fixed; 
 
} 
 

 
.background2 { 
 
    background: url(Photos/Main2.jpg) no-repeat center center fixed; 
 
} 
 

 
.background3 { 
 
    background: url(Photos/Main3.jpg) no-repeat center center fixed; 
 
} 
 

 
.background4 { 
 
    background: url(Photos/Main4.jpg) no-repeat center center fixed; 
 
}

jQuery腳本：

<script> 
 
    $('.photoLink').on('click', function() { 
 
     $('html').switchClass('background1', 'background3'); 
 
    }); 
 
    </script>

試圖與toggleClass，檢查它是否是一種文字遊戲，但toggleClass工作，所以無法找到腳本爲什麼不工作。我在上面引用jQuery庫：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

感謝您的幫助！

來源

2015-08-23 Pere

'switchClass'是'jquery.ui'你包括圖書館？ – Victory

嗨@勝利，非常感謝你，它解決了這個問題！我有一個後續問題，因爲我正在學習jQuery：如何知道jQuery方法屬於哪個庫？在jQuery API頁面中找不到這種類型的信息：http://api.jqueryui.com/switchclass/謝謝， – Pere

很難說只有名稱，谷歌和http：// api.jquery.com/ open是一個好主意。 – Victory

html標籤上沒有class屬性。請將其放在body標記上。

<body class="background1">

和

... 
$('body').switchClass('background1', 'background3'); 
...

來源

2015-08-23 23:32:26 raduation

謝謝！這確實是另一種選擇。不過，關於庫的@victory解決方案解決了這個問題，所以看起來我可以在html中添加一個類。至少它適合我！ – Pere

jquery中的switchClass不起作用

回答

相關問題