ページに到達すると、別の関数 (表示されていませんが、正常に動作します) が適切なナビゲーションのクラスを「.this_page」に設定し、ロールオーバーすると、画像が正しくスワップされますが、ホバーして「img. this_page」は、2回目にホバーするとスワップします。「img.this_page」を交換したくありません。マウスアウトのバインドを解除しようとしましたが、ホバーすると明らかに再バインドされます...ホバーするたびにリセットされます。
ページはhttp://flourgarden.com/wp/にあります
これが私の機能です:
function hoverNavs() {
var baseURL='http://www.flourgarden.com/wp/wp-content/themes/flourgarden/images/nav';
var cache=[];
$j('.lcolumn a img').each(function() {
var t = $j(this);
var src1 = t.attr('src'); // initial src
var newSrc = src1.substring(src1.lastIndexOf('/'), src1.lastIndexOf('.')); // let's get file name without extension
i = baseURL+newSrc+'_select.png';
cache.push(i);
t.hover(function(){
$j(this).attr('src', baseURL+newSrc+ '_select.' + /[^.]+$/.exec(src1)); //last part is for extension
}, function(){
if($j(this).class == "this_page") {
$j(this).attr('src', baseURL+newSrc+ '_select.' + /[^.]+$/.exec(src1));
} else {
$j(this).attr('src', baseURL+newSrc+ '.' + /[^.]+$/.exec(src1));
}
});
});
}