Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何获取图像的高度并将该高度应用于div?_Css_Jquery_Mobile - Fatal编程技术网

Css 如何获取图像的高度并将该高度应用于div?

Css 如何获取图像的高度并将该高度应用于div?,css,jquery,mobile,Css,Jquery,Mobile,我正在构建一个移动web应用程序,并在其上使用jquerytools滑块 我想te滑块显示(在适当的比例)在所有移动设备,所以图像的宽度是100%,高度是自动在css。但是,由于所有元素都是浮动的,并且jquerytools滑块要求将位置设置为绝对,因此包含的div(#header)不会拉伸以适合内容 我正在尝试使用jquery获取img高度的高度,并将该高度应用于标题。。。。但是我没有运气 CSS: HTML 像这样: var height = $('#myImageID').height(

我正在构建一个移动web应用程序,并在其上使用jquerytools滑块

我想te滑块显示(在适当的比例)在所有移动设备,所以图像的宽度是100%,高度是自动在css。但是,由于所有元素都是浮动的,并且jquerytools滑块要求将位置设置为绝对,因此包含的div(#header)不会拉伸以适合内容

我正在尝试使用jquery获取img高度的高度,并将该高度应用于标题。。。。但是我没有运气

CSS:

HTML


像这样:

var height = $('#myImageID').height();
$('#header').height(height);

我找到了解决办法。Sdespont提供的代码非常完美,它引导我找到了答案。他的代码显示高度为零的原因是因为它在图像加载之前查找图像高度。为了弥补这一点,我改变了

$(document).ready


解决了。感谢@sdespont

尝试了这个,但没有成功。$(文档).ready(函数(){var height=$('img.scrollable').height();$('#header').height(height);});您的选择器$('img.scrollable').height();这是错误的。将id添加到图像中,并将其用作选择器以检索其高度,如$('#myimg1').height();或者只按类检索,如$('.scrollable').height();太气人了。你的两个建议似乎完全是常识,但仍然没有乐趣。下面的脚本:$(文档).ready(函数(){var height=$('imgheight').height();$('imgheight').height(height);});
var height = $('#myImageID').height();
$('#header').height(height);
$(document).ready
$(window).load