如何将代码从使用 .hover() 更改为使用 .click() 和 .hover()

Question

如何使这个脚本从悬停到点击和悬停：

$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("");
    });
});

Answer 1

试试这个：

$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("select-option.selected a").text();
        $j("#colour-name").html("");
    });
});

Answer 2

已求解：

http://jsfiddle.net/4cPQG/

$j(".swatch-anchor")
.on('mousedown mouseover', function () {
    //...
})
.on('mouseup mouseout', function () {
    //...
});