【问题标题】:run jquery script on page in iframe by onclick form another page通过onclick在另一个页面上运行iframe页面上的jquery脚本
【发布时间】:2014-01-08 13:47:05
【问题描述】:

我有这个带有 2 个 iframe 的索引页。在页面中的一个 iframe 中,我有一些链接:

<a href="home.html" target="content" onclick="run.slimmscroll(#anchor1);">Home</a>
<a href="home.html" target="content" onclick="run.slimmscroll(#anchor2);">Home</a>
<a href="home.html" target="content" onclick="run.slimmscroll(#anchor3);">Home</a>

home.html 被加载到“内容”Iframe 中。现在我需要在加载时在home.html 上执行一个 Jquery 脚本。这是脚本:

<SCRIPT type="text/javascript"> 
$(window).load(function() {             
$('#scroll').slimScroll({    
start: $('#anchor1')
  });    
 });
</SCRIPT>

这个想法是让home.html#anchor1, 2, 3 等平滑滚动,这通常在页面加载时执行,但我想使用其他页面中的onclick() 来完成。

希望大家帮忙。

【问题讨论】:

  • 你有一个小提琴来展示你想要做什么吗?
  • 不,我没有。索引页非常大。
  • 我与 slimscroll 合作过很多次,但我不知道您要做什么...尝试更好地解释它。
  • @Joel_Blum, Standard 我在链接中使用 #anchor1 并且当 home.html 加载到 iframe 中时,它会转到 #anchor1 但它不能顺利转到 #anchor1 所以我想执行页面上的脚本,以便从链接平滑滚动到#anchor1。从另一个链接(home.html onclick="run.slimmscroll(#anchor2) 我想平滑滚动到#anchor2。
  • 为了简化我的问题:我只需要使用 onclick() 从另一个 iframe 页面执行一个 iframe 页面上的脚本

标签: jquery html iframe


【解决方案1】:

知道了。

onclick="window.parent.content.slimScroll();"

home.html 上的语法是:

<SCRIPT type="text/javascript">              
$('#scroll').slimScroll({    
start: $('#anchor1')   
});
</SCRIPT>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-22
    • 1970-01-01
    • 2023-01-20
    • 2014-09-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多