gpt4 book ai didi

javascript - super 幻灯片将图像大小调整为大

转载 作者:行者123 更新时间:2023-11-27 23:53:30 26 4
gpt4 key购买 nike

我似乎在今天的一些代码中遇到了一个以前不存在的问题。虽然 superslides 的 jquery 脚本正常工作,但今天我们收到一条消息,说我们的网站看起来很奇怪,所以我去检查了它。看起来我们的 super 幻灯片 slider 中的图像大小调整突然出现了错误,导致图像移出其区域并且没有隐藏在溢出中。

它为图像的高度分配了错误的高度变量,除非我调整它的宽度大小,而不是它修复。每当我调整高度时,它都会再次失败。

所以我想知道发生了什么,并检查是否进行了修改。没有发生任何事情,我检查了运行不同版本网站的测试服务器,我知道应该可以正常工作,但它也有同样的问题。我交叉检查了浏览器以查看是否是浏览器问题,但没有成功。

现在经过一些推论和测试,我认为这与下面所述的变量有关。

.... some code ..... <-- line 117 in jquery.superslides.js
} else {
$('body').css({
margin: 0
});

that.$el.css({
position: 'relative',
overflow: 'hidden',
width: '100%',
height: that.height
});

出于某种奇怪的原因,that(技术上是 this 因为它定义为 var that = this;)不会计算 div 的高度,而只是吐出出一个我什至无法弄清楚的数字。图像也发生了同样的情况,所以我的问题是,哪里出了问题?

我暂时从我的网站上删除了 super 幻灯片,但出于某种奇怪的原因,这个问题也出现在我们的测试域和我的个人测试空间上,因为就在几天前它还工作得很好。

在这里查看它:http://test.thewebfanatics.com/jellyweb

最佳答案

super 幻灯片默认使用 $(window).height()在你的情况下失败了。
您可以注入(inject)另一个具有正确大小的对象,或者您可以修复 $(window).height()如读here :

With no doctype tag, Chrome reports the same value for both calls.

Adding a strict doctype like <!DOCTYPE html> causes the values to work as advertised.

关于javascript - super 幻灯片将图像大小调整为大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32483274/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com