Java скрипт от зависания к OnClick

Question

Как я могу изменить этот сценарий от зависания к OnClick:

$j=jQuery.noConflict(); 
$j(document).ready(function() { 
    $j(".swatch-anchor").hover(function() { 
     var newTitle = $j(this).attr("title"); 
     $j("#colour-name").html(newTitle); 
    }, 
    function() { 
     var swapTitle = $j("#colour-name").html(); 
     $j(this).attr("title",swapTitle); 
     $j("#colour-name").html(""); 
    }); 
}); 

кто-то предложил изменить .hover к .click и что просто не работает.

Любые лучшие предложения?

Answer 1

Попробуйте это:

$j=jQuery.noConflict(); 
    $j(document).ready(function() { 
     $j(".swatch-anchor").on("click", function() { 
      var newTitle = $j(this).attr("title"); 
      $j("#colour-name").html(newTitle); 
     }); 
    }); 

Answer 2

Ну,

это должно работать:

$j = jQuery.noConflict(); 
$j(document).ready(function() { 
    $j(".swatch-anchor").on('click',function() { 
     var newTitle = $j(this).attr("title"); 
     $j("#colour-name").html(newTitle); 
    }); 
}); 

но вы потеряете этот код, который исполнялся в отпуске мыши, потому что JQuery в .hover() имеет handlerOut дополнительную функцию это click нет.

var swapTitle = $j("#colour-name").html(); 
$j(this).attr("title",swapTitle); 
$j("#colour-name").html(""); 

EDIT:

Попытка объединить обе наведению мыши и нажмите:

$j = jQuery.noConflict(); 
$j(document).ready(function() { 
    $j(".swatch-anchor").on('click mouseenter',function() { 
     var newTitle = $j(this).attr("title"); 
     $j("#colour-name").html(newTitle); 
    }); 

    $j(".swatch-anchor").on('mouseleave',function() { 
     var swapTitle = $j("#colour-name").html(); 
     $j("#colour-name").html(""); 
    }); 
});