Question

我有一个动态显示的iframe，我想将框架的宽度和高度设置为其子元素，这样就不会有滚动条。但是，在firefox中，jQuery height（）和width（）方法返回英寸值而不是像素。

var measure_element = "id_of_element_with_width_and_height";
width_val = iframe_obj.contents().find(measure_element).outerWidth();
height_val = iframe_obj.contents().find(measure_element).outerHeight();
alert(width_val + " "+height_val);

并返回英寸值。这发生在jQuery加载事件中。

Answer 1

所有的一切都在px中使用jQuery e.currentTarget.offsetWidth === $('#el').outerWidth()

$(document).ready(function() {
  $("#el").click(function(e) {
    alert(
      "Offset : " + e.currentTarget.offsetWidth + " / " + e.currentTarget.offsetHeight + "\n" + 
      "Outer : " + $("#el").outerWidth()  + " / " + $("#el").outerHeight() 
    )
  })
})

#el {
  width: 2in;
  height: 3em;
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="el">
</div>

JQuery height（）和width（）返回英寸

1 个答案: