1

我有一个带有这个 css 属性的盒子 div width:400px; height:300px; overflow:hidden;：。在里面我有一个图像。使用 Iscroll4，我可以缩放并移动框内的图像。一切正常，但使用 Jquery，如果我获取缩放图像的尺寸，该函数将始终返回 400px 的尺寸和 300px 的高度尺寸。

$('#dimpos').bind("click", function (event, ui) {
  var imgzoomed = $('#Container img');
  var position = imgzoomed.position(); /* <----------- Work Fine   */
  var dim_width = imgzoomed.css("width"); /* <----------- Don't Work but return 400px */
  var dim_height = imgzoomed.height(); /* <-----------  Don't Work but return 300px    */
  $('#gdp').text("Position (left: " + position.left + ", top: " + position.top + ") - Width: " + dim_width + "  Height: " + dim_height);
});

这就是问题：

当我缩放图像时，新的宽度和高度是例如宽度 500 像素和高度 600 像素，但图像的可见部分是 div 框的尺寸（宽度 400 像素和高度 300 像素）所以如果我使用 Jquery 宽度（）或css("width") 它将始终返回 400px。

4

1 回答 1

0

你试过 parseInt 方法吗？这种方式应该只返回数字；

var dim_width = parseInt($('#Container img').css("width"));
var dim_height = parseInt(imgzoomed.height());

有没有一个例子可以向我们展示这个问题？

于 2012-07-10T08:39:55.563 回答