我有一些代码,基本上将图像描述放在高度未知的图像旁边。一些伪代码在这里:
$( document ).ready(function() {
$(".productdescription").css({'height':($(".productimage img").height()+'px')});
});
在此处查看其运行情况:http : //jsfiddle.net/94xn5/
这段代码在jsfiddle上有效,但是在我的真实代码中,它正确地将div的大小调整为正确时间的1/2,大约是将其大小调整为0px的时间的1/2。
我在调试为何有时无法正常工作时遇到麻烦?
如果有帮助-我正在shopify预览窗格中对此进行测试,也许这与我的JS有点关系?
谢谢!
PS-如果有一种更简单的方法可以使用纯CSS进行操作,请告诉我!我没有使用JS或CSS的经验
编辑-这听起来很奇怪,但是如果我按cmd + r刷新页面,则该框保持为0px样式,但是如果我单击地址栏中的内容,然后按回车键,则会正确调整该框的大小。不确定这意味着什么,但有助于缩小它何时起作用以及何时不起作用?
$(document).ready(...)
将$(window).load(...)
事件更改为事件,它应该可以工作。
当JS“攻击”时,您的图片可能尚未准备好(未完全加载)。
.load()
获取所有资源后触发事件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句