Question

这是我的jquery代码：

$("#tableGrid").on("click", "tr", function (event) {
    var link = $(this).find('.view-icon');
    link.trigger('click');
    console.log(link);
});

我想触发这个

<table id="tableGrid">
    <tr>
        <td>
            <div class='line-item-icons'>
                <i class='icon-view view-icon' data-url="${filePath}"></i>
            </div>
        </td>
    </tr>
</table>

但是我收到了这个错误：

无法开始加载

如何解决这个问题？图标在表格内。

Answer 1

在你的jquery中试试这个。希望这可行

$("#tableGrid").on("click", "tr", function (event) {
  var link = $(this).find('.view-icon');
  link.trigger('click',link);
});
$('.view-icon').click(function(e,link){
  e.stopPropagation();
  console.log(link);
});

这里唯一不同的是，您在console.log(link)中获得的链接是元素而不是jquery对象。如果你想将它作为jquery对象，只需将其包装为console.log($(link))

Answer 2

以这种方式更新你的jQuery -

$("#tableGrid tr").on("click", function (event) {
  var link = $(this).children('.view-icon');
  link.trigger('click');
  console.log(link);
});

触发表中的点击事件

2 个答案: