2017-02-17 8 views
0

編集オプションを表示するために各テーブル行にツールチップがあります。私はこのコードを使って見えるようにします:jsのツールヒントを非表示にする方法

function popupFunction(p) { 
    var popup = document.getElementById("sp" + p); 
    popup.classList.toggle("show"); 
} 

これはうまくいきます。しかし、今問題は、他の場所をクリックするとそれを隠す方法です。 showクラスは、要素は、それを削除し、ツールチップとしてrendredことができるようになり

<div class='popup' id='eds'> 
    <i class='fa fa-ellipsis-v' id =" + values.items[i].id + " onclick='popupFunction(this.id)'></i> 
    <span class='popuptext' id =sp" + values.items[i].id + "> 
    <div onclick='edit(this.id)' id =ed" + values.items[i].id + ">Edit</div> 
    <br/> 
    <div onclick='deleteFunction(this.id)' id =de" + values.items[i].id + ">Delete</div> 
    </span> 
</div> 
+0

生成ロジックの代わりにplain/final htmlを追加してください。より詳細な回答を追加することができます。 – marmeladze

答えて

0

場合は、それを隠す必要があります。

は、ここに私のhtmlです。

document.getElementById(some_id).classList.remove("show") 

トリックを行う必要があります、私は信じています。

関連する問題