FancyBox 调整宽度

2024-06-28

我可以使用以下命令调整高度$.fancybox.resize();部分,但宽度不会根据新内容更新。想法?


来自fancybox API 文档 http://fancybox.net/api:

$.fancybox.resize: "自动调整 FancyBox 的大小height以匹配内容的高度。”

所以看起来它并不是为了调整宽度。

如果您想调整宽度,可以通过手动调整大小来完成#fancybox-wrap and #fancybox-inner元素。经过一些非常快速的检查后,看起来像#fancybox-wrap设置为 20px 宽于#fancybox-inner:

$('#fancybox-inner').width(400);
$('#fancybox-wrap').width(420);

您还可以在首次注册 fancybox 时使用以下命令控制宽度width option:

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

FancyBox 调整宽度 的相关文章

  • React Native 上无法识别的字体系列

    我在使用 React Native 时遇到了一个特殊的错误 在我的里面button js我在做 import Icon from react native vector icons MaterialIcons const icon Icon
  • 角度变量初始化

    我在角度控制器中有一个变量 scope abc 我有 Sails 作为后端 scope abc的初始值可以由后端在生成页面时确定 页面显示给用户后 scope abc 可能会也可能不会被用户更改 我可以让后端生成一个完整的静态页面 并让 A
  • 在 location.reload() 之后保持滚动位置

    我使用ajax 来更新所选的照片 如果成功 则刷新页面 用户可以看到所选的图像 它将有一个CSS边框 但当页面刷新时 位置又会回到顶部 我想知道重载后如何保持位置 我搜索了很多网站 仍然无法得到它 请指导我一下谢谢 EDIT 我在这里找到了
  • javascript 中可滚动区域/div 的增量单位?

    在 javascript 中我可以确保我的大 div 垂直滚动 仅以 比方说 16 像素为单位 在 Java 中 这些被称为 增量单位 我在 javascript 中找不到类似的东西 我想确保部分滚动时的某个区域 div 始终是视图 16
  • 如何在 JavaScript 中访问 Chrome 拼写检查建议

    如何检测 JavaScript 文本区域内的拼写错误 有与此相关的事件吗 如何访问 Chrome 针对拼写错误单词的拼写检查建议 如何访问 Chrome 针对拼写错误单词的拼写检查建议 尽我所知 你不能 https stackoverflo
  • 使用 AJAX 提交表单,将表单数据传递给 PHP,无需刷新页面 [重复]

    这个问题在这里已经有答案了 谁能告诉我为什么这段代码不起作用
  • Next.js 切换 div 标签的显示

    Code export default function Header let showMe false function toggle showMe showMe return lt gt
  • 限制 JavaScript 函数调用,但进行排队(不丢弃调用)

    函数如何限制其调用速率 如果调用过于频繁 则不应丢弃 而应排队并及时间隔开 相隔 X 毫秒 我看过throttle http drupalmotion com article debounce and throttle visual exp
  • Tensorflow.js 与 React-Native

    我知道tensor flow js是一个以网络为中心的库 但出于好奇 我也在react native上尝试了它 它有点有效 它仅适用于调试模式 并在调试模式关闭时抛出错误 错误说窗口 位置 搜索不是一个对象 经过一些研究 我发现窗口对象是在
  • Phantomjs / Casper.js 带有旋转代理?

    我有一个简单的目标 使用以下任一方式加载网页phantom js 开箱即用 或casper js 很好也更容易 但是使用代理并旋转它如果当前列表不好 即网页加载失败或类似情况 则从列表中选择 我知道 casper js 有 proxypar
  • 用javascript去掉未使用的小数

    我有一个货币输入 只需要返回有效数字 输入始终有两位小数 因此 4 00 gt 4 4 10 gt 4 1 4 01 gt 4 01 这是我目前正在做的事情 chop off unnecessary decimals if val char
  • 全选/取消全选页面中的复选框

    我看过this http railsforum com viewtopic php id 2151这似乎对我的代码没有影响 我试过了this https stackoverflow com questions 888173 select a
  • 显示为问号的度unicode

    以下代码显示为问号而不是度数符号 var airF Math round Number MDTMOBILE RWISWeather i AirTemp u00B0 F tempTable find td eq 4 text airF var
  • FullPage.js - 在不匹配的部分上将活动类添加到菜单锚点

    好吧 标题可能有点难以理解 我会尝试解释一下 所以我正在使用整页 js https github com alvarotrigo fullPage js 我总共有9个部分 家 关于 关于有 6 个 下节 是第一个关于部分的延续 接触 菜单中
  • 反序列化 jQuery 序列化表单

    我正在尝试将表单输入传递到 WebMethod 中并执行某些操作 我用了jQuery 序列化 http api jquery com serialize
  • 多个选择器:确定触发选择器?

    这是一个我无法弄清楚的小问题 我相信很快就会有人回答 有多个选择器 例如 a button span xyz a another click function e var clicked element 我如何找出实际单击了哪个选择器 我需
  • 如何在单击时和用户单击离开时关闭菜单?

    我有以下代码 function document ready function clicker class click function show menu users show jQuery clicker class click fun
  • 未知深度的普通 JS 级联选择

    想要制作一个通用的级联下拉菜单 但递归能力较弱 代码应该以 做出选择后 即可选择物品 衣服或小玩意 Levis Gucci 或 LG Apple 之一 当做出选择时 一件选择 搭配 Levis 牛仔裤或夹克或 Gucci 鞋子或连衣裙 当做
  • React JS:可折叠侧边栏

    我正在使用 React JS 创建响应式 UI 我想创建一个可折叠的侧边栏 如下所示 因此 当我单击垂直条 图形信息 时 它应该像第二张图片一样展开 我见过一些例子 比如Jsfiddle示例代码 https jsfiddle net 4q8
  • socket.io 在连接时发出

    刚接触 socket io 并进行试验 这个应用程序非常简单 当我单击显示按钮时 屏幕上会实时出现图像 我有 2 个问题 我的主要问题 添加后 图像在所有客户端上都显示良好 我现在的目标是让所有连接的新客户端都能看到相同的数据 例如 如果我

随机推荐

  • 将 WindowState 设置为最大化会导致窗口过早出现

    我读到Load事件应该在创建窗口句柄后触发 但是before窗口实际上变得可见 在大多数情况下 这似乎是正确的 但是 我发现当我使用以下命令创建表单时WindowState属性设置为FormWindowState Maximized 通过
  • 如何在 iOS 10 中安排本地通知(objective-c)[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我想使用 iOS 10 安排本地通知 我想知道如何执行此操作 我查遍了网络 但我一直在寻找仅用于注册和处理通知的线索 不适用于本地通知
  • Objective C 的 self 和 C++ 的 this 之间的区别?

    有人能区分 Objective C 的 self 和 C 的 this 指针吗 主要区别在于this是一个关键字 而self是一个变量 这样做的结果是 虽然this always指正在执行特定方法的对象 Objective C 方法可以自由
  • Python,导入模块进行测试

    我很难尝试设置一个简单的测试 我的项目结构如下 project models init py user py constants py test test py 我想测试user pypy 运行test py user py from sq
  • 使用 pydub 和 AWS Lambda

    下午所有 所以我认为标题确实说了大部分内容 但这里是 我是 AWS 和 Lambda 领域的新手 并且学习这些很有趣 我正在开发一个项目 我想自动合并 S3 中的两个文件存储 我从 AWS 的查找人员那里找到了这个 lambda 函数 ht
  • android 更改微调器中项目的文本颜色

    我有一个微调器 在某些情况下某些选项不应该被选择 我有使项目不可选择的代码 但它不会使文本颜色变灰以指定该项目不可选择 如何更改微调器中应禁用的项目的文本颜色 这是代码 public class main extends Activity
  • 如何在字符串上创建超链接并在 Facebook 中分享 [iOS]

    我有一个NSString我用哪一个来分享Facebook Twitter 我的要求是分享后文本将是一个链接Facebook On Facebook当用户单击该文本时 然后直接转到该链接 我的代码如下 NSInteger Score NSUs
  • 如何修复解析 go.mod 模块将其路径声明为“x”,但需要为“y”

    我正在开发一个 go 项目 它依赖于original project 我现在想通过修改来更改该项目中的行为original project 所以我克隆了github com y original project to github com
  • 将图像均匀分布到图库中的列

    简要说明 我目前正在构建一个具有三列的画廊 每列都包含图像 所有图像都具有相同的宽度 但高度可能不同 列的图像从目录中收集并使用 PHP 放入数组中glob 功能 这是简单的部分 画廊的外观示例 问题 由于这些图像被动态加载并放置到列中 因
  • 计算不同单词的数量

    我正在尝试使用 Java 计算文本中不同单词的数量 该词可以是一元词 二元词或三元词名词 http en wikipedia org wiki N gram 这三个已经通过使用找到了斯坦福 POS 标记器 http nlp stanford
  • 使用 C++11 在编译时组合两个字符串的最简单方法

    我正在尝试连接两个编译时字符串 constexpr const char getString1 return abababa constexpr const char getString2 return lalalal constexpr
  • 按第一个字符分组

    我在 Oracle SQL 中的查询遇到问题 我有一个first name列中的employees桌子 我想根据中的第一个字符对记录进行分组first name 例如 我有 26 条记录 其中一条记录name Alice 一与name Bo
  • Angular2 - *ngIf 路线是某个参数

    我有一条路线 main item id 看起来像 http localhost 5000 main item JJHkhfghsiu45ve 在我的 html 中 我希望能够使用 ngIf 来显示这是否是路线 我不想为此使用路由器插座 我遇
  • 自制序列化与 Java 序列化

    我有一个需要持久保存在数据库上的 POJO 当前设计将其字段指定为单个字符串列 并且无法向表中添加其他字段 这意味着 对象需要以某种方式序列化 因此 对于基本实现 我设计了自己的对象序列化形式 这意味着将其所有字段连接到一个漂亮的字符串中
  • pod 安装后 Xcode 8 swift pod 标头为空

    我正在尝试编译一个用 swift 编写的现有 xcode 项目 该项目使用 Alamofire 我安装了 xcode 8 beta 并打开了项目 Alamofire 有很多错误 我了解到需要更新到版本 3 2 1 我编辑了 Podfile
  • PHP SoapClient 无法处理消息,因为内容类型为“text/xml;”

    我无法连接到网络服务并发送 接收数据 Error HTTP 无法处理消息 因为内容类型为 text xml charset utf 8 不是预期的类型 application soap xml 字符集 utf 8 Code paramete
  • 从 wikidata 网站获取搜索结果,但不从 API 获取

    我正在尝试 wikidata API 但在搜索查询 Jas 39 C Gripen 时遇到一些问题 它会在 wikidata 网站上返回结果 但如果我使用 API 则不会 在 wikidata 网站上 我得到了两个查询的搜索结果 使用API
  • char 的 std::cin 导致无限循环

    我在 switch 之前的 cin 之后使用了 cout 语句来确定我对第二个数字和字符操作有问题 并且由于某种原因我进入了无限循环 我有一种感觉 我在语法上犯了一个小错误 但我不知道它是什么 include
  • 简单的带宽/延迟测试来评估用户体验

    我编写基于网络的应用程序 性能显然是一个关键因素 虽然数据库加载和页面渲染时间是我可以控制的 但用户的互联网连接却无法控制 我正在寻找的是一种指示用户拥有何种类型的连接的方法 类似于网站角落里的红绿灯 向用户显示他们与网站的连接类型 从而表
  • FancyBox 调整宽度

    我可以使用以下命令调整高度 fancybox resize 部分 但宽度不会根据新内容更新 想法 来自fancybox API 文档 http fancybox net api fancybox resize 自动调整 FancyBox 的