Где добавить jquery "this"?

Question

$(window).load(function() { 
    var paircount = 0; 
    var $thisSprite = $("#%id% img.imageStyle"); 

    if ($.browser.msie) 
    { 
     // I need this only if desaturate png with aplha channel 
     $thisSprite = $thisSprite.desaturateImgFix(); 
    } 

    // modified not to desaturate the clone 
    $thisSprite.each(function(){ 
    $(this).addClass("%id%") 
     .clone() 
     .attr('id', '') 
     .addClass('color') 
     .hide() 
     .insertAfter($(this)) 
    }); 

    // desaturate all occourances 
    $thisSprite = $thisSprite.desaturate(); 

    // Need to remove this instance of the desaturated origonal below on hover 
    // currently shows both on hover...??????????? 
    // add events for switch between color/gray versions 
    $('.centered_image').bind('mouseenter mouseleave', function(e){ 
    $(this).find('img').toggle().toggleClass('color'); 
    }); 

}); 

Новый тест на http://www.doobox.co.uk/test/test.html

сердечным приветом
Гэри.

Answer 1

Got там в конце спасибо за указатели здесь, очень помогли.

$(window).load(function() { 


     var paircount = 0; 
     var $thisSprite = $("#%id% img.imageStyle"); 




     if ($.browser.msie) 
     { 
      // I need this only if desaturate png with aplha channel 
      $thisSprite = $thisSprite.desaturateImgFix(); 
     } 

    // modified not to desaturate the clone 
    $thisSprite.each(function(){ 
    $(this).addClass("%id%pair") 
     .clone() 
     .attr('id', '') 
     .insertAfter($(this)) 
     .addClass('%id%color') 
     .hide() 
    }); 

    // desaturate all occourances 
    $thisSprite.desaturate() 


    // Need to remove this instance of the desaturated origonal below on hover 


    // add events for switch between color/gray versions 
    $('.container').bind('mouseenter mouseleave', function(e){ 
    $(this).find('.%id%pair').toggle().toggleClass('%id%color'); 
    }); 

}); 

Answer 2

Если вы используете JQuery, то это используется следующим способом -

$('#id',this).hide(); 

Надежда это поможет.

Answer 3

Я не вижу петлю, и это только кажется, запутать: (будьте осторожны, если вы Минимизировать здесь)

$thisSprite.addClass("pair%id%_" + ++paircount); 

кажется приравнять:

$thisSprite.addClass("pair%id%_" + 1); 

, который, если вы это:

$thisSprite.addClass("pairsomeIDhere_1"); 

У вас есть такой класс в CSS?

var classString = new String($(this).attr('class')); 

может быть просто:

var classString = $(this).attr('class'); 

изменение:

$thisSprite.bind("mouseenter mouseleave", desevent);  
$cloned.bind("mouseenter mouseleave", desevent);  

передать событие:

$thisSprite.bind("mouseenter mouseleave", desevent(event));  
$cloned.bind("mouseenter mouseleave", desevent(event)); 

Answer 4

Глядя на тестовой странице, я думаю, что проблема вам нужно циклически проходить через каждый i маг. Я попытался тестирования, но у меня были проблемы, поэтому, к сожалению, этот сценарий не тестировался:

$(window).load(function() { 

    if ($.browser.msie) 
    { 
     // You need this only if desaturate png with aplha channel 
     $thisSprite = $thisSprite.desaturateImgFix(); 
    } 

    $thisSprite.each(function(){ 
    $(this).clone() 
     .removeAttr('id') 
     .addClass('color') 
     .hide() 
     .insertAfter($(this)) 
     .desaturate(); 
    }); 

    // add events for switch between color/gray versions 
    $('.centered_image').bind('mouseenter mouseleave', function(e){ 
    $(this).find('img, canvas').toggle().toggleClass('color'); 
    }); 
});