Question

我有一个iframe，里面有多个jquery功能，我无法弄清楚如何正确调用任何函数到jquery的工作位置。当我直接访问iframe页面时，jquery工作正常，但是当我访问框架的父级时，jquery不会激活。我已经四处寻找其他答案了，根本无法解决这个问题。

例如，在iframe中我有几个带有jScrollpane的div。通常，要激活jScrollpane，我必须拥有以下代码：

<script type="text/javascript" src="/scrollpane/jquery.jscrollpane.min.js"></script>
<script>
$(function()
{
$('.scroll-pane').jScrollPane();
});
</script>

但我无法弄清楚如何从父页面调用此函数。我真的不知道jquery，所以如果有人能说明如何在iframe中激活这个功能，我会非常感激！

Answer 1

您可以使用jquery调用iframe中的函数：

<script type="text/javascript">
 $(document).ready(function(){    
  $("#id_of_your_frame").load(function(){
   $("#id_of_your_frame").contents().find(".scroll-pane").jScrollPane();
  });
 });
</script>

如何在iframe中激活jquery功能？

1 个答案: