小编Dav*_*haw的帖子

iframe在内容更改时自动调整高度

我可以在以下链接中看到iframe; -

http://one2onecars.com

iframe是屏幕中心的在线预订.我遇到的问题是虽然iframe的高度在页面加载时是可以的,但是我需要它以某种方式在页面内容调整时自动调整高度.例如,如果我在在线预订中进行邮政编码搜索,则会创建一个下拉菜单,然后使"下一步"按钮无法查看.

我需要做的是,当在线预订的内容发生变化时,iframe会自动调整到iframe的新高度(动态),因为它没有加载任何其他页面.

我已尝试使用jquery尝试解决此问题的几个不同的脚本,但它们似乎只在页面首次加载时自动调整iframe的高度而不是 iframe的内容更改.

这甚至可能吗?

我目前的代码目前是设定的高度: -

        <div id="main-online-booking">

            <iframe id="main-online-frame" class="booking-dimensions" src="http://www.marandy.com/one2oneob/login-guest.php" scrolling="no" frameborder="0"></iframe>

        </div>

#main-online-booking {
    height: 488px;
    border-bottom: 6px #939393 solid;
    border-left: 6px #939393 solid;
    border-right: 6px #939393 solid;
    z-index: 4;
    background-color: #fff;
}


.booking-dimensions {
    width: 620px;
    height: 488px;
}
Run Code Online (Sandbox Code Playgroud)

如果有人可以帮助我,我将不胜感激!

html javascript iframe jquery

19
推荐指数
3
解决办法
8万
查看次数

ESLint / Prettier -- 强制 max-len / printWidth,但不需要它?

有没有办法配置 ESLint w/ Prettier 以强制执行 max-len / printWidth 规则但不要求它?也就是说,允许您根据需要添加换行符?

// eslintrc.js

"max-len": [0, 160, 2, { ignoreUrls: true }],

// prettier.config.js

module.exports = {
  trailingComma: "all",
  tabWidth: 2,
  semi: true,
  singleQuote: false,
  printWidth: 160,
};
Run Code Online (Sandbox Code Playgroud)

javascript lint eslint vue.js prettier

15
推荐指数
1
解决办法
3万
查看次数

node_modules 中的代码未反映在浏览器中

我已经在 Github 上分叉了 vuejs-datepicker 项目(因为项目中存在错误,但这与此事无关)。我对此分叉项目所做的更改不会反映在浏览器和使用此依赖项的项目中的最终结果中。

\n

这是我所做的:

\n
    \n
  1. 添加 console.log\xc2\xb4s、警报,甚至从源代码中删除一些关键功能,以确保更改易于检测
  2. \n
  3. 提交并将更改推送到分叉项目
  4. \n
  5. 在我的主项目中,我现在运行npm update,然后验证是否可以在 node_modules\\vuejs-datepicker 文件夹中的相关文件中看到更改
  6. \n
  7. 我运行npm run serve并加载我的主项目。I\xc2\xb4ve 所做的更改未反映在浏览器中
  8. \n
\n

node_modules 文件夹中的文件:\nnode_modules中的文件内容

\n

Chrome 中的编译文件(我可以验证这是带断点的运行代码):\nchrome 中编译的文件

\n

包.json:\n包.json

\n

I\xc2\xb4ve 尝试使用 清除 npm 缓存npm cache clean,从 package.json 中删除项目引用并再次引用它,从而提高版本,但似乎它正在使用我第一次使用这个分叉项目时的一些缓存,我可以\xc2\xb4t 似乎找到了。我\xc2\xb4ve 还尝试清除 dist 文件夹和我的浏览器\xc2\xb4s 缓存,但没有效果,但我猜 webpack 正在确保这不是问题。

\n

我在这里错过了什么吗?

\n

javascript node.js npm webpack vue.js

7
推荐指数
1
解决办法
5296
查看次数

HTML缩放在iPhone Safari iOS 13上的可点击区域标签

我们有一个使用“地图”和“区域”标签的网站。它是通过将Excel电子表格保存为“ htm”格式生成的,并且大多数在iPhone的Safari中查看。这些标签使用户可以单击一页的一部分并将其带到另一页。

最近,似乎发生了更改/更新,如果触摸了可点击区域,则会导致Safari缩放。

代码示例:

<map name="MicrosoftOfficeMap3">
  <area shape="Rect" coords="0, 0, 150, 117" href="sheet004.htm#Range!A1">
</map>
Run Code Online (Sandbox Code Playgroud)

如果您快速触摸该区域,它将跟随该链接。但是,如果手指停留在该区域上几毫秒,则会导致页面缩放笨拙。

有没有人遇到过这种情况,您是否找到禁用缩放的方法?我已经使用CSS中的视口和“ body”缩放设置尝试了很多东西。

这是显示该行为的视频的链接:https : //www.csmckee.com/dashboard_internal/Video.mov

如果您使用的是iOS 13,则可以在此示例中看到行为-触摸青蛙图像上的蓝色方块:https : //www.csmckee.com/dashboard_internal/frog.htm

html css safari ios

5
推荐指数
1
解决办法
123
查看次数

Iterate through object properties with Symbol keys

I need to iterate through an object that has Symbols for keys. The following code returns an empty array.

const FOO = Symbol('foo');
const BAR = Symbol('bar');

const obj = {
  [FOO]: 'foo',
  [BAR]: 'bar',
}

Object.values(obj)
Run Code Online (Sandbox Code Playgroud)

How can I iterate the values in obj so that I get ['foo', 'bar']?

javascript symbols

3
推荐指数
2
解决办法
1772
查看次数

标签 统计

javascript ×4

html ×2

vue.js ×2

css ×1

eslint ×1

iframe ×1

ios ×1

jquery ×1

lint ×1

node.js ×1

npm ×1

prettier ×1

safari ×1

symbols ×1

webpack ×1