大佬教程收集整理的这篇文章主要介绍了使用jQuery UI调整iFrame的大小,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
头
<script> $(document).ready(function() { $("#test").resizable({minHeight: 50,minWidth: 50}); }); </script>
身体
<div id="test" style="border: .1em solid black;"> </div>
但是,当我将“div”改为“iframe”时,我无法调整大小.
身体
<iframe id="test" style="border: .1em solid black;"> </iframe>
<html> <head> <style type="text/css"> #resizable { width: 150px; height: 150px; padding: 0.5em; } #resizable h3 { text-align: center; margin: 0; } .ui-resizable-Helper { border: 75px solid #EFEFEF; margin: -75px; } </style> <script type="text/javascript"> $(function() { $("#resizable").resizable({ Helper: "ui-resizable-Helper" }); }); </script> </head> <body> <div class="demo"> <div id="resizable" class="ui-widget-content"> <iframe src="http://pastebin.me/f9ed9b9d36d17a7987e9cb670e01f0e2" class="ui-widget-content" frameborder="no" id="test" width="100%" height="100%" /> </div> <div> </body> </html>
调整大小的奇怪性似乎发生了,因为mousemove事件不会从iframe中冒出来.只要浏览器可以跟上mousemove事件,在处理程序中使用调整大小的处理程序和大的边框,最小化iframe引起的影响.
以上是大佬教程为你收集整理的使用jQuery UI调整iFrame的大小全部内容,希望文章能够帮你解决使用jQuery UI调整iFrame的大小所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。