javascript - 将动态缩放的图像宽度用于另一个 div 的左侧定位

Question

我有一个动态缩放的图像（固定位置，窗口高度），所以它按比例缩放并改变它的宽度。我想使用它的宽度来设置另一个 div 的左侧位置。我可以使用这样的东西吗？

$("#menubar img").ready(function() {
     var bodywidth = $("#menubar img").width();
        $("#text").left(bodywidth);
});

$("#menubar img").resize(function() {
   var bodywidth = $("#menubar img").width();
        $("#text").left(bodywidth);
});

我迷失在剧本中:)

Answer 1

var bodywidth = $("#menubar img").width();会给你一个数字，比如 120。请注意，这是以像素为单位的，但没有单位。为这个值的结果设置任何东西都是没有意义的。

你需要：

 $("#text").css('left',bodywidth+'px');

这假设“另一个 div”正在使用绝对定位。

Answer 2

$("#menubar img").ready(function() {
 var bodywidth = $("#menubar img").width();
    $("#text").css('left',bodywidth.toString().concat('px'));});$("#menubar img").resize(function() {   var bodywidth = $("#menubar img").width();        $("#text").css('left',bodywidth.toString().concat('px'));});

希望这可以帮助