jQuery持續時間爲toggleClass問題

我試圖在1秒內改變div元素的樣式類，併產生一些效果。這是我的代碼。當我執行這個示例樣式時立即切換沒有效果和超時。我做錯了什麼？jQuery持續時間爲toggleClass問題

<html> 
<head> 
<script type="text/javascript" src="jquery-1.6.2.js"></script> 
<script type="text/javascript"> 
$().ready(function() { 
$("#changeStyle").click(function() { 
$("#divka").toggleClass("a1","slow"); 
return false; 
}); 
}); 
</script> 
<link rel="stylesheet" href="style.css" type="text/css"/> 


</head> 
<body> 
<div id="divka"></div> 
<input type="button" id="changeStyle" value="change style"/> 
</body> 



.a1 { 
border: 1px solid black; 
background-color:#eee; 
width:200px; 
height:400px; 
}

來源

2011-07-25 xwrs

toggleClass與「緩慢」類似的參數無關 - 這對使用動畫的方法有效。

檢查docs。

來源

2011-07-25 13:58:54 shabunc

toggleClass函數不能這樣工作。您正在尋找的行爲是通過jQuery UI switchClass函數完成的。

來源

2011-07-25 13:59:29

你可以使用addClass()或switchClass()這部分ODF jQuery用戶界面：

$("#divka").addClass("a1",500);

來源

2011-07-25 13:59:48

toggleClass不動畫樣式屬性，你必須使用jQuery的動畫的方法。

$("#divka").animate({ 
borderWidth: "1px", 
borderColor: "#000", 
borderStyle: "solid", 
backgroundColor:"#eee", 
width:"200px", 
height:"400px", 
}, 500);

來源

2011-07-25 14:06:18 ShankarSangoli

好的。謝謝。但是如果CSS不是那麼微不足道的話呢？這是唯一的方法嗎？ – xwrs

是的，這是任何dom元素的多種樣式動畫的唯一方法。 – ShankarSangoli

jQuery持續時間爲toggleClass問題

回答

相關問題