【问题标题】:Jquery - how to inject an event handler from embedded iframe into parent DOM elementsJquery - 如何将嵌入式 iframe 中的事件处理程序注入到父 DOM 元素中
【发布时间】:2013-02-19 11:29:52
【问题描述】:

jquery 新手并试图让注入工作。任何帮助表示赞赏。

我有一个嵌入到父页面中的 iframe。从 iframe(我在其中实例化 jquery)中,我希望向该父页面中 class= "btn" 的所有 DOM 元素注入一个 'onmouseover' 事件处理程序。所有这些元素都位于 id = "contentWrapper" 的顶级容器 div 中的 div 级别

我假设它会类似于以下内容,但任何提示都非常欢迎为我指明正确的方向。

// am assuming I can see <div id='contentWrapper'> element in parent frame from within the iframe
// not sure where to place the 'btn' class reference.

$('contentWrapper').on('onmouseover', function(event){ 
     // some activity here 
});

【问题讨论】:

  • 他们在同一个域上吗?
  • 不 - 不是同一个域。对不起!

标签: jquery


【解决方案1】:

试试这个

 parent.find('#contentWrapper .btn').on('onmouseover', function(event){ 
 // some activity here 
});

【讨论】:

  • 这听起来很愚蠢,但我应该将 parent.find 附加到什么?如果我的 iframe 是 id = 'iframe' 我会使用 $('iframe').parent.find(... 吗?这也不会过滤到 class="btn"。
  • 只需在你的 iframe 脚本中调用它即可。无需附加任何内容。parent 将带您到父页面...find 将为您提供按钮
  • 嘿,感谢 bipen 的帮助 - 我在尝试使用 parent 时确实遇到了跨域脚本问题,因此不幸的是,由于我的同域答案不正确,因此无法正常工作 - 也就是说,我认为可能以某种方式使用 jquery 从 iframe 到父 DOM,但在这里让你走上了花园小路,对不起 - 再次感谢你的帮助。
猜你喜欢
  • 1970-01-01
  • 2018-01-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-11-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多