jquery - 同じdivの機能にカーソルを合わせてクリックします

Question

同じdivにホバー機能とonclik機能の両方をアタッチする正しい方法は何ですか？

これが私が試したものですが、うまくいきませんでした（クリックしても何も起こりません）：

$(function outlineHider(){
    $("#hotspot").hover(
        function() {
            $("#outlines").show(); //showing another div element
            function bindClick() {
                $("#hotspot").click(callAnotherFunction())};
            }, 
            function() {
                $("#outlines").hide();
            }
        );  
}); 

Answer 1

これを試して：

$(function() { // document ready handler shortcut
    $("#hotspot").hover(
        function() { $("#outlines").show(); }, 
        function() { $("#outlines").hide(); }
    ).click(function() {
        callAnotherFunction()
    }); 
}); 

または、@VisioN のおかげで短いバージョン:

$(function() {
    $("#hotspot")
        .hover(function() { $("#outlines").toggle(); })
        .click(callAnotherFunction);    
}); 

Answer 2

これを試して

$(function() { 
    $("#hotspot")
        .hover(
            function() { $("#outlines").show(); }, //mousein
            function() { $("#outlines").hide(); }  //mouseout
        )

        .click(function() { 
            callAnotherFunction();
        });
});

Answer 3

私がそれを正しく理解した場合、これはあなたを助けるはずです。

$(function outlineHider(){
    $("#hotspot").hover(
        function() {
            $("#outlines").show(); //showing another div element
    }),click(function(){
       $("#outlines").hide();
    });
}); 

ホバー機能とクリック機能を組み合わせる（jQuery）？

var hoverOrClick = function（）{//何か一般的なことをする} $（'＃target'）。click（hoverOrClick）.hover（hoverOrClick）;

2番目の方法：バインドを使用します：

$（'＃target'）。bind（'click hover'、function（）{//両方に対して何かを行う}）;