我有下面的代碼,它可以很好的隱藏和顯示元素作爲放置在父元素上的鼠標。問題是我知道如果我使用變量來重複代碼中的重複次數,它可以更簡潔和更清晰。我環顧了這個網站和谷歌的答案,雖然有類似問題的答案,我還沒有找到一個適合我的。下面是代碼:如何在jQuery中使用變量
$(document).ready(function(){
$(".ultra").css("display","none");
$(".ultras").on("mouseenter", function(){
$(".ultra").animate({ opacity: 1.0 },400).slideToggle();
});
$(".ultras").on("mouseleave", function(){
$(".ultra").animate({ opacity: 1.0 },400).slideToggle();
});
// new function
$(".escon").css("display","none");
$(".ultras2").on("mouseenter", function(){
$(".escon").animate({ opacity: 1.0 },400).slideToggle();
});
$(".ultras2").on("mouseleave", function(){
$(".escon").animate({ opacity: 1.0 },400).slideToggle();
});
});
正如你可以看到:
.animate({ opacity: 1.0 },400).slideToggle();
重複一遍又一遍的代碼。 我不知道a)如何聲明變量和b)如何使用它來替換它在代碼中重複的實例。
請分享你的HTML代碼 –
http://codereview.stackexchange.com/ – j08691
你會比變量的函數更好,並將該元素作爲參數傳遞給它。 – Danny