javascript - 如何从引导箱内的通配符 id onclick 事件？

Question

我正在使用 JQgrid 来显示数据表。当我单击表格中一行中的一个图标时，它会正确显示一个带有新表格的引导框。我希望这些行具有我可以单击的 id，通过 onclick 触发另一个函数。我只是想获得一个测试警报，但它似乎不起作用，就像我超出了范围一样？？是否可以从 jqgrid 内部的引导框内容中获取 onclick 事件？ bootbox 工作正常，但我无法通过单击 bootbox 表中的 id 来触发 onclick 事件。

grid.jqGrid({

...

onCellSelect: function (rowid, iCol, cellcontent, e) {
// if column 8 is clicked...
if(iCol==8){

  $('[id^=price-]').click(function(){
    alert('click');
  });

  bootbox.dialog({
    title: 'Popup Title',
    message: '<table><tr><td><span class="label label-lg label-info arrowed" id="price-1234">Match Price</span></td></tr></table></div>',
  });
}
}

...

});

Answer 1

您可以使用 jQuery on用于监听尚未在 DOM 中的元素的事件。

$(function(){
   //Handle click events from your selector
   $(document.body).on("click", "[id^=price-]", function(event)
   {
      //Do your logic here.
   });
});

通常您要确保将 on 处理程序放到最近的父级。但在这种情况下，您无法控制 bootbox 将 html(位于正文中)放在哪里，因此您必须将处理程序附加到 DOM 的更高级别。