2017-06-19 6 views
0

私は峠マウスイベント)

function openmarket(evt, obj) { 
    var i, tabcontent2, tablinks2; 
    tabcontent2 = document.getElementsByClassName("tabcontent2"); 
    for (i = 0; i < tabcontent2.length; i++) { 
     tabcontent2[i].style.display = "none"; 
    } 
    tablinks2 = document.getElementsByClassName("tablinks2"); 
    for (i = 0; i < tablinks2.length; i++) { 
     tablinks2[i].className = tablinks2[i].className.replace(" active", ""); 
    } 
    document.getElementById(obj.getAttribute('data-uid')).style.display = "block"; 
    evt.currentTarget.className += " active"; 
} 

以下のような

<div class="tablinks active" onclick="openmarket(event,this)" data-uid="1"> 

openmarket機能以下のように1 onclickを持ってここでは、この機能では、私は2つのパラメータ、
1に合格しています)イベント
2)オブジェクト

は、今私は以下のようにJSでこのdiv要素をクリックしてください。

$("div [data-uid='1']").click(); 

が、私は、パラメータevtは、それがどうあるべきかから有効か不一致ではないと思いますので、それは動作しません。

誰でも手伝ってもらえますか?

ありがとうございます。

エラーが発生しています。

未定義

とエラーラインのプロパティが 'className' をされて読み取ることができませんevt.currentTarget.className += " active";

+0

私は 'close'投票の理由を知っているかもしれませんか? –

+0

は、なぜあなたはどのように説明してくださいすることができ、クリックにコールバックを追加し、openmarket機能に – SabirAmeen

+0

@SabirAmeenイベントとこれに合格しませんか? –

答えて

-1

あなたの選択クエリが間違っている

変更$("div [data-uid='1']").click();

$("div[data-uid='1']").click();

このjqueryclickクリックイベントを返しますないマウスクリックイベント

-1

あなたは、簡単なJavaScriptを使用することができます:それはうまく機能

を。私は、クラスの代わりに1つのdiv、use、idだけを使用しています。

<!DOCTYPE html> 

<html> 

<head> 
    <meta charset="UTF-8"> 
    <title>Insert title here</title> 
</head> 
<!--I wish to append it here--> 
<body> 

    <div class="tablinks active uid1" onclick="openmarket(event,this)" 
    data-uid="1" style="height:30px;width:50px;background-color:red;"> 
    </body> 
</html> 

<script type="text/javascript"> 
function openmarket(evt, obj) { 
    var i, tabcontent2, tablinks2; 
    tabcontent2 = document.getElementsByClassName("tabcontent2"); 
    for (i = 0; i < tabcontent2.length; i++) { 
     tabcontent2[i].style.display = "none"; 
    } 
    tablinks2 = document.getElementsByClassName("tablinks2"); 
    for (i = 0; i < tablinks2.length; i++) { 
     tablinks2[i].className = tablinks2[i].className.replace(" active", ""); 
    } 
    document.getElementById(obj.getAttribute('data-uid')).style.display = "block"; 
    evt.currentTarget.className += " active"; 
} 
var list=document.getElementsByClassName("uid1"); 
for(var i=0;i<list.length;i++){ 
    list[i].click(); 
} 
</script>