jQuery - .toggle（）在頁面加載時觸發

Question

當我點擊單詞Directory時，向上箭頭圖像必須更改爲向下，反之亦然。

在此代碼中，當頁面加載時，觸發切換。

$('#direct').click(function(){ 
    $('#arrow').attr('src','images/down_arrow_black.gif'); 
}); 


<div id="direct"><img src="images/up_arrow_black.gif" id="arrow" />Directory</div> 

感謝 讓

Answer 1

我會使用的方法.toggle()使切換工作，並$()以確保它加載正確：

$(function() { 
    $('#direct').toggle(function(){ 
     $('#arrow').attr('src','images/down_arrow_black.gif'); 
    }, function() { 
     $('#arrow').attr('src','images/up_arrow_black.gif'); 
    }); 
}); 

Answer 2

如果你的jQuery包裹在下面？

$(document).ready(function() { 
    .... 
}) 

Answer 3

敷在

$(document).ready(function() { 
    // your toggle code 
}); 

Answer 4

如果您正在使用jQuery 1.4

你可以這樣做...

$('#direct').click(function(){ 
    $('#arrow').attr('src',function(i,src){    
     return src.indexOf('down')?'images/up_arrow_black.gif':'images/down_arrow_black.gif'; 
    }); 
});