Javascript 如何在iframe中激活jquery功能？

我有一个iframe，其中包含多个jquery特性，我不知道如何正确地调用任何函数来实现jquery。当我直接访问iframe页面时，jquery工作得很好，但是当我访问框架的父级时，jquery不会激活。我已经环顾了这方面的其他答案，但根本无法找到答案

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

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

$（函数（）
{
$（'.scroll pane'）.jScrollPane（）；
});

---

但是我根本不知道如何从父页面调用这个函数。我真的不知道jquery，所以如果有人能详细说明我如何在iframe中激活这个函数，我将不胜感激

您可以使用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>

$（文档）.ready（函数（）{
$（“#您的#帧的#id_”）.load（函数（）{
$（“#id_of_your_frame”）.contents（）.find（“.scroll pane”）.jScrollPane（）；
});
});

@NeelBasu这将很难，因为这是一个iFrameYeah，老实说，我不知道如何将这个特定场景放到JSFIDLE上，对此表示抱歉。非常感谢您的回复。我想这会出现在家长页面上，对吗？它是否需要与其他东西一起使用，或者只是按原样放置在该区域？我确实试过了，不幸的是没有成功。就实际功能而言，它应该也出现在父页面的标题中，还是应该出现在iframe中？我更正了我的答案。您可以将此代码粘贴到父页面的区域或其他位置。如果iframe的源位于父页面所在的同一站点上，那么它应该可以工作。