他の要素にカーソルを置いたときに.onclick（）を呼び出す

Question

別のdivにカーソルを置いたときに.onclick（）イベントをトリガーしようとしています。

.onclick（）イベントをトリガする必要がある要素のIDは#exp_des_p_trigです。

。

トリガーする必要のある要素は、ののhrefの値が#exp_des_pです。

。

私は/基本を理解JSを読んで、私は（まだ）それを書くことができないことができ、私はこのような何か考えている：

<script> 
jQuery('#exp_des_p_trig').hover(); 
    jQuery('#exp_des_p').onclick(); 
</script> 

を誰もが、それが動作するように私はこれを修正助けることができますか？

UPDATE：

の代わりにあなたがツアーvc_ttaにvc_activeクラスを装着しようとすることができ、クリックイベントをトリガー：私はこれについてVisual Composerのサポートを電子メールで送信し、これは私が得た応答である

-tabとvc_tta-panelをjsで接続します。 vc_activeクラスは、表示するツアーコンテンツを開く役割を担います。

が、私が別の場所に対処するVisual Composerの関連問題ようです、以下の回答をいただき、ありがとうございます。その後、

Answer 1

あなただけの要素を入力するマウスイベントを必要として、あなたはMouseEnterイベントを使用することができ、与えられたHREFを持つ要素をターゲットと

$('#exp_des_p_trig').on('mouseenter', function() { 
 
    $('[href="#exp_des_p"]').trigger('click'); 
 
}); 
 

 
$('[href="#exp_des_p"]').on('click', function() { 
 
    console.log('works fine !') 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="exp_des_p_trig">Hover me !</div> 
 
<a href="#exp_des_p"></a>

クリックを誘発しますアンカーのクリックをトリガーするとリダイレクトされず、アタッチされたすべてのイベントハンドラーがトリガーされます。

Answer 2

これは、ソリューションです：

$(document).ready(function(){ 
    $('#divhover').hover(function (event){ 
    alert("divhover_hover"); 
    $("#aClick").trigger("click"); 
    }); 

    $('#aClick').on('click',function(event){ 
    alert("aClick_click"); 
    }); 

}) 

Answer 3

チェックアウトtrigger method

var red = $('#clickAbleElement').click(function(){ 
 
    alert('You have clicked on red'); 
 
}) 
 

 
var green = $('#hoverMe').hover(function(){ 
 
    red.trigger('click'); 
 
})

#clickAbleElement { 
 
    width:100px; 
 
    height:100px; 
 
    background-color:red; 
 
} 
 

 
#hoverMe { 
 
    width:100px; 
 
    height:100px; 
 
    background-color:green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="clickAbleElement">Click Me</div> 
 
<div id="hoverMe">Hover Me</div>