jquery - 使用悬停交换图像，如果我在“.this_page”上，我不想交换图像

Question

当我登陆页面时，另一个功能（未显示，工作正常）将相应导航的类设置为“.this_page”，然后我翻滚，图像正确交换，但是当我悬停并离开“img. this_page' 它交换，我第二次悬停。我不希望它交换'img.this_page'。我尝试取消绑定 mouseout，但显然在悬停时它会重新绑定......所以每次悬停时，它都会重置。

页面位于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));
                    }
                });
            });
        }

Answer 1

not您需要排除“.this_page”的过滤器功能吗？

$j('.lcolumn a img').not('.this_page')....