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'; 
    }); 
});