javascript - 如何在 iframe 中激活 jquery 功能？

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>