Redimensionnement d'iFrame avec l'interface utilisateur de jQuery
J'ai ce code et il fonctionne très bien:
Tête
<script>
$(document).ready(function()
{
$("#test").resizable({minHeight: 50, minWidth: 50});
});
</script>
Corps
<div id="test" style="border: .1em solid black;">
</div>
Cependant quand j'ai changer mon "div" dans "iframe" je ne peux pas redimensionner plus.
Corps
<iframe id="test" style="border: .1em solid black;">
</iframe>
source d'informationauteur
Vous devez vous connecter pour publier un commentaire.
Trouvé redsquare la démo un peu bancale lors du déplacement de la souris plus de quelques pixels à la fois. J'ai appliqué quelques modifications qui permettent d'en faire le redimensionnement d'une beaucoup plus lisse:
L'étrangeté de redimensionnement semble se produire en raison mousemove les évènements n'ont pas de bulle au sein de l'iframe. À l'aide d'un redimensionnement de gestionnaire et d'un grand frontière dans le gestionnaire CSS minimise l'effet causé par l'iframe aussi longtemps que le navigateur peut suivre l'événement mousemove événements.
Ci-dessous le Code du Travail pour moi en douceur.
Je pense que cela pourrait être ce que vous cherchez: Placer le contenu de ce qui est dans votre iframe dans un div. Pour cet exemple, je vais donner la div id de "conteneur".
J'ai atterri ici pour searchin
Resize iframe
Mais cette question est sur le redimensionnement à l'aide de Jquery UI plugin, je suis juste en ajoutant une réponse de sorte qu'il pourrait être utile pour quelqu'un dans le futur qui tombe dans cette page à la recherche pour redimensionner iframe.Cela peut être fait en utilisant uniquement CSS
Également tous les principaux navigateurs ont un bon soutien. Consultez ce lien et aussi sur le prise en charge du navigateur