首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在引导框内单击通配符id中的事件?

如何在引导框内单击通配符id中的事件?
EN

Stack Overflow用户
提问于 2014-12-21 03:10:49
回答 1查看 1.1K关注 0票数 1

我使用JQgrid显示数据表。当我单击表中一行中的图标时,它将正确显示一个引导框,其中包含一个新表。我希望行具有我可以单击的I,通过onclick触发另一个函数。我只是想得到一个警告,以测试,但它似乎不工作,好像我是超出范围?是否有可能从jqgrid内的引导框的内容中获取onclick事件?引导程序可以正常工作,但是我不能通过单击引导框表中的id来触发onclick事件。

代码语言:javascript
运行
复制
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>',
  });
}
}

...

});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-12-21 03:27:35

您可以使用jQuery打开来侦听尚未在DOM中的元素上的事件。

代码语言:javascript
运行
复制
$(function(){
   //Handle click events from your selector
   $(document.body).on("click", "[id^=price-]", function(event)
   {
      //Do your logic here.
   });
});

通常,您希望确保将on处理程序放置到最近的父级。但在这种情况下,您不能控制引导框将html放在何处(它在正文中),因此必须将处理程序附加到DOM的更高级别。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27586392

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档