1

このcssプロパティを持つボックスdivがあります: width:400px; height:300px; overflow:hidden;. 中にはイメージがあります。Iscroll4 を使用して、ボックス内の画像をズームおよび移動します。すべて正常に動作しますが、ズームされた画像の寸法を取得すると、関数は常に 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);
});

これが問題です：

画像をズームすると、新しい幅と高さはたとえば幅 500px と高さ 600px ですが、画像の表示部分は div ボックスの寸法 (幅 400px と高さ 300px) であるため、Jquery width() または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 に答える