如何在iframe中激活jquery功能

How to activate jquery features inside an iframe?

本文关键字：激活 jquery 功能 iframe      更新时间：2023-09-26

我有一个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>

但是我根本不知道如何从父页面调用这个函数。我真的不知道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>
相关文章：