如何在iframe中激活jquery特性？

Question

我有一个内部有多个jquery特性的iframe，但我不知道如何正确地调用其中的任何一个函数来执行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>