如何使用拖动功能干净地调整 iFrame 的大小?

2023-12-05

我有一个 iFrame,我希望用户能够抓住它的一侧并拖动它来调整它的大小。我不希望它实时调整大小,而是使用指示线,当用户释放时,它会调整大小。

我正在使用 jQuery。

有什么帮助吗?


Iirc,经典的方法是将 IFrame 放入 div 中,并使该 div 可调整大小;还将 iFrame 的宽度和高度设置为 100%。

如果您使用 JQuery,您不能使用 jQuery.load('uri') 而不是 iFrame 吗?我相信这在很多情况下都是更好的选择。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用拖动功能干净地调整 iFrame 的大小? 的相关文章

  • 两个单独表格上的 Td 高度

    我有两个单独的表 我在每个 tr 上使用焦点 悬停函数 该函数同时在两个表上都很好用 我的问题是 td 高度 因为如果第一个表中 td 的描述更大 将显示在中的两行上相同的td和td的高度将被修改 但仅限于第一个表td 如何记住第一个表中
  • jQuery 将表单提交到新选项卡?

    我有一个表单中的操作链接 需要每分钟用令牌更新一次 当用户单击提交按钮时 我从 api 调用中获取新的 url 令牌 我正在使用这样的东西
  • JavaScript 承诺混乱

    我正在尝试理解 javascript Promise 的概念 但我遇到了一些问题 我在本地设置了一个非常小的Web服务 不要生气 该Web服务不符合约定 这里有一些关于它的细节 login
  • 带有 ASP.NET 按钮回发的 jQuery UI 对话框

    我的 ASP NET 页面上有一个运行良好的 jQuery UI 对话框 jQuery function jQuery dialog dialog draggable true resizable true show Transfer hi
  • 一旦元素存在就触发事件的脚本?

    我正在尝试编写一个小 Greasemonkey 脚本来实现 Facebook 中的一些任务 例如隐藏新闻等 问题是 我有一个 DOM 中尚不存在的元素的 ID 这是点击帖子的箭头图标时出现的小框 如何通过 jQuery 创建一个事件处理程序
  • 如何在 Yii 框架中使用 jQuery?

    如何在 yii 中使用 jquery javascript 如何在 yii 中使用我的脚本 为什么这与以其他方式使用 jQuery 有什么不同 如何在yii中使用jquery 如上所述 您可以注册新的脚本块 也可以注册新的外部脚本文件 您还
  • 使用 Ajax 和 PHP 上传图像

    我想将图像上传到我的服务器 并控制 HTML 代码中的 PHP 回显 为此 我想使用 jQuery Ajax 但我不知道如何使用 Ajax 将图像发送到 PHP 这是一个大学项目 所以我不能使用任何类型的插件 我的实际代码 HTML
  • jqGrid:结合 sortableRows 和 gridDnD (重复行)

    我希望能够将项目从 Grid1 拖动到 Grid2 然后允许用户对 Grid2 的项目进行排序 单独来看 sortableRows 选项和gridDnd 选项可以正常工作 当两个集成一起使用并且用户对 Grid2 中的行进行排序时 这些行将
  • jquery“动画”变量值

    我需要用jquery 动画 一个变量 Example 变量值为 1 5 秒后该值应为 10 应该是 平稳 增加 希望你明白我的意思 谢谢你 try someValue 0 animate someValue 10 duration 5000
  • 使用数据表和 jQuery Ui 对话框的“oCol 未定义”

    我有一个表格 用于搜索注册表 此表格显示信息jQuery Dialog 并且 在对话框内部 我正在使用Datatables 是的 在对话框内部我有一整张桌子 我使用 PHP 动态生成 TR 和 TD 然后 PHP 将字符串粘贴到 HTML
  • jquery和IE提交,ajaxForm不工作

    我有一个表格
  • jQuery 可以监听 youtube / vimeo 电影上的点击事件吗?

    我有一个充满电影的 jQuery 滑块 我希望 jQuery 在嵌入 对象的单击事件上停止滑块 我试图让它发挥作用但无济于事 我已经尝试过这个 embed click function alert Handler for click cal
  • JQuery Slide切换显示类型

    我使用 jQuery SlideToggle 来显示隐藏的表格行 但它将显示样式设置为阻止 我需要显示表格行 我有什么想法可以做到这一点吗 提前致谢 我找到了解决此问题的方法 检查显示是否已设置为阻止 如果元素已切换为显示 如果是 则设置为
  • 如何从回调函数中获取值

    我对 javascript 比较陌生 并且面临一些困难 我有两个 java 脚本文件 如下所示 我无法获取变量的值条目标题在 getRss 函数内并将其存储在变量内Rss1 标题 and Rss2 标题 创建一个全局变量并将其分配给条目标题
  • ajax 和相对 url

    我真的不明白这个 我有以下 获取 请求 ajax url api getdirectories dataType json success function data Do stuff 这是我的临时服务器向我提供的页面 http atlas
  • JavaScript 将 NULL 转换为 0

    我正在使用 jQuery 来获取元素的高度 但如果该元素不存在 以下代码将返回 NULL height menu li active ul height returns integer or null 这是一种跨浏览器安全的方法 可以使用以
  • 如何使用 jQuery AJAX 和 JSON 通过 Bootbox 确认表单提交

    我正在使用一个网络应用程序工作Spring MVC 我试图在提交表单之前显示一个确认对话框Bootbox 但我收到 500 内部服务器错误 这是我的表格
  • 如何检查 URL 末尾是否有特定字符串

    我需要根据 URL 末尾的内容让覆盖层向下滑动 如果 URL 末尾有 faq 覆盖层下降 如何在 jQuery JavaScript 中做到这一点 如果您的网址看起来像这样http yourdomain com faq 你可以这样做 var
  • 动态多个延迟 jQuery Ajax 调用

    使用 jQuery 的延迟模式http api jquery com jQuery when http api jquery com jQuery when 我正在尝试进行多个 jsonp ajax 调用并等待结果 然后再进行下一步 我可以
  • 将 jQuery 与 Batman.js 结合使用

    我正在尝试使用 Batman js 并且我想将 jQuery 与它一起使用来实现一些标准的 Ajax 和动画功能 我正在按照位于的安装说明进行操作http batmanjs org download html http batmanjs o

随机推荐

  • 如果请求缺少必需参数,我应该使用什么 HTTP 状态响应代码?

    我在想 412 前提条件失败 但可能有更好的标准吗 状态 422 似乎最合适 基于spec 422 不可处理的实体 状态代码表示服务器 了解请求实体的内容类型 因此 415 不支持的媒体类型 状态代码不合适 并且 请求实体的语法正确 因此是
  • 如何使用 PHP 检查 YouTube 上是否存在视频?

    如何使用 PHP 检查 YouTube 上是否存在视频 YouTube 支持oEmbed format 与 Pascal MARTIN 提供的 xml 响应相比 我的 3800 字节只需下载 600 字节 速度更快 占用的带宽更少 只有大小
  • 在自定义函数中从 WooCommerce 动态获取优惠券代码

    参考 仅当在 Woocommerce 中应用优惠券时才允许购买特定产品 我之前的问题之一的答案代码 优惠券代码是硬编码在函数中的 需要与 Woocommerce 中现有的优惠券代码进行匹配 但我想从 Woocommerce 动态选择优惠券
  • OpenShift webapps mysql java 连接

    我在 openshift 上有一个 JBoss EWS Tomcat 7 Java 应用程序 与 MySQL 5 5 和 PhpMyAdmin 4 0 盒一起安装 我已将存储库复制到本地 并删除了源文件夹 相反 我只是拥有一个已编译的 Ja
  • gettext 的替代品

    我们在产品中使用 gettext 进行翻译 但遇到了很多问题 除非系统支持 否则无法使用某种语言 在 Solaris 9 Sparc 上 如果我们将环境重置为各种英语语言环境 如果计算机没有相应的语言环境 则消息仍然不会被翻译 翻译文件存在
  • 访问子表单上的 2010 年审计跟踪

    我在获取为审计跟踪找到的代码以使用子表单时遇到问题 原始代码来自http www fontstuff com access acctut21 htm 我宁愿坚持这个代码而不是使用 Allen Browne 的代码http allenbrow
  • 保持 html dom 操作刷新

    我正在尝试仅使用 html 和 javascript 制作评论部分 当用户按下 post 时 我创建一个新的 dom 元素 但是当您刷新时 显然它会消失 我怎样才能让它永久添加 我想在没有数据库的情况下执行此操作 因为我以前从未使用过数据库
  • Xamarin.iOS 中的自定义 SQLite 函数

    我正在 Xamarin iOS 上开发 Sqlite 的自定义功能 我从这里得到答案 在给定半径内的地图上显示标记 Xamarin Android 但我遇到了问题 尝试 JIT 编译方法 包装本机到托管 Mono Data Sqlite S
  • 将 pandas 数据帧转换为字典时,日期从字符串更改为日期时间对象

    我有福尔 数据框 avi fi id dates 2017 07 17 0 318844 zab a 002 2017 07 17 当我将它转换成字典时 我得到 dict avi df reset index to dict records
  • C - 将用户生成的数字转换为单词的问题

    因此 我一直在学习 Kochan 的 C 语言编程 但在其中一个问题上遇到了障碍 如下所示 编写一个程序 获取从终端输入的整数 提取并用英语显示该整数的每一位数字 因此 如果用户输入 932 程序应显示以下内容 九三二 如果是 请记住显示零
  • angular.js:发送一些数据到 php-script

    这是我的 angular js SPA 模板 div div
  • 实体框架/C#:字符串数组中的多个包含?

    如果想使用Include 某些实体框架选择的方法 以避免 对象已释放 异常 但是 Include 只接受一个字符串作为参数 这意味着只包含一个 要进行多重包含 您必须链接包含 Include something Include someth
  • 为什么我的 32 位 Fortran/C DLL 无法在 MSYS2 中编译?

    我正在尝试在 MSYS2 中的 64 位 Windows 7 上编译具有混合 Fortran C 代码的 DLL msys2 x86 64 20160205 与海湾合作委员会 5 3 0 我想编译32位 如果我省略了 效果就很好 m32标志
  • 每个线程使用一个实体框架上下文是否安全? ... 是的?如何?

    可能这是两个问题合二为一 我每个请求使用一个 EF 上下文 但我想每个线程使用一个 EF 上下文 因为我将在请求期间在另一个线程中执行一些复杂的任务 那么 安全吗 如果答案是肯定的 那么该怎么做呢 如何在线程中存储对象并取回它们 先感谢您
  • cassandra通过java中的主键列表查找

    我正在实现一项功能 需要通过主键列表查找 Cassandra 下面是一个示例数据 其中 id 是主键 mytable id column1 1 423 2 542 3 678 4 45534 5 435634 6 2435 7 678 8
  • 将 32 0/1 值打包到单个 32 位变量的位中的最快方法是什么?

    我正在 x86 或 x86 64 机器上工作 我有一个数组unsigned int a 32 所有元素的值为 0 或 1 我想设置单个变量unsigned int b以便 b gt gt i 1 a i 对于所有 32 个元素都成立a 我正
  • 如何将 HIVE 中每个组的多个列聚合到一个 JSON 文件中

    我想将下表转换为包含两行的新表 在新表中 每个user id有一个 JSON 文件来汇总第一个表中的所有其他列 user id reservation id nights price AAA 10001 1 100 AAA 10002 1
  • 安卓。通过 Facebook SDK 4.X 向 facebook Messenger 发送文本

    作为来自 Facebook 的文档 我们可以将图像从 Android 应用程序发送到 Facebook Messenger 如下所示 String metadata image trees ShareToMessengerParams sh
  • Python时间限制

    我有作业要做 我真的需要一个解决方案 从昨天开始我一直在尝试这样做 但我不知道该怎么做 程序必须生成并打印一个字母或数字 然后用户必须尽快键入它并按 ENTER 键 30秒后游戏结束 好吧 我不知道如何限制游戏的时间 我在 stackove
  • 如何使用拖动功能干净地调整 iFrame 的大小?

    我有一个 iFrame 我希望用户能够抓住它的一侧并拖动它来调整它的大小 我不希望它实时调整大小 而是使用指示线 当用户释放时 它会调整大小 我正在使用 jQuery 有什么帮助吗 Iirc 经典的方法是将 IFrame 放入 div 中