jqueryグリッドのimg要素にclickイベントを追加する方法

Question

jqueryグリッドがあり、img要素をフォーマッタのグリッド列値に追加しました。その要素にクリックイベントを追加し、条件に基づいてイメージを表示/非表示するにはどうすればいいですか？

$ (document).on ('click', '.my_img', function (e) { 
    var obj = $ (this); 

    if (obj.hasClass ('hide')) 
     obj.removeClass ('hide'); // or add a placeholder, etc 
    else 
     obj.addClass ('hide'); 
}); 

`$（文書）.on：あなたは以下のコードを使用しjqueryのを使用して

{ 
    name : 'adjust', 
    formatter : function(){ 
    return "<img src='xxx'>"; 
    } 
} 

Answer 1

return "<img class='my_img' src='xxx'>";

、最良の方法は、画像にクラスを与えることです最も簡単なと私に続いてページがロードされた後に画像が追加された場合でも、クリックイベントはそれらの新しいイベントでも機能します。

（ 'click'、 '.my_img'、function（e）....）関数内で何をするかによって、thisが異なる可能性があるため、0が使用されます。あなたのイメージは、あなたが再びそれをクリックすることはできません非表示になります:)これは