Question

我有一个jquery网格，我已经用格式化程序将img元素添加到网格列值。如何将click事件添加到该元素并根据条件隐藏/显示图像。

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

Answer 1

对我来说最简单的方法是给图像一个类return "<img class='my_img' src='xxx'>";

然后使用jquery，您可以使用以下代码：

$ (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');
});

`$（document）.on（'click'，'。my_img'，function（e）....如果在页面加载后添加了任何图像，则使用该点击事件仍然适用于那些新的

使用

var obj = $ (this);是因为根据您在函数中执行的操作，this可能会有所不同。

通过使用上面的coe，当你的图像隐藏时你将无法再次点击它:)这只是一个如何添加点击事件的例子

如何将click事件添加到jquery grid

1 个答案: