冲突window.size和一些jquery

时间:2017-07-04 13:06:57

标签: javascript jquery iframe

我有一个问题,我无法弄清楚。希望有人能帮助我。

我在iframe的页脚中有这段代码:

<script type="text/javascript" src="https://sinsio.dk/iframe-resizer-master/js/iframeResizer.contentWindow.min.js" defer></script>
<script>
jQuery( ".sidebar a" ).click(function() {   
window.parentIFrame.size(1250);
jQuery('.content').css('display', 'none');
});
</script>

我想在点击侧边栏中的链接时调整iframe的大小并隐藏一些内容。

场景1(正常工作): 如果我在click函数中只有window.parentIFrame.size(1250),它会调整iframe的大小。

场景2(正常工作): 如果我添加警报(jQuery(this).attr(&#39; class&#39;));它调整大小并从被点击的元素提醒类。这是为了测试jQuery是否有效 - 它确实如此。

场景3(不工作但需要): 如果我而不是警报添加jQuery(&#39; .content&#39;)。css(&#39; display&#39;,&#39; none&#39;);它删除了我想要的内容div,但调整大小不再有效。

任何想法有什么不对?对我没有意义。

亲切的问候, 迈克尔

1 个答案:

答案 0 :(得分:0)

我在iframe的body元素上遇到了与height属性的冲突。删除这是解决方案。

感谢您花时间看我的帖子。

亲切的问候, 迈克尔