调整大小的高度和宽度（不是像素）
|
我正在使用jQuery插件来调整元素的大小。元素的高度和宽度以百分比（％）而非像素设置。每当我调整任何元素的大小时，它的高度和宽度都会更改为固定的像素，但我希望此百分比更改。
我确信必须有一些技术问题，但是也会有解决方案。
#parentDiv { height:100%; width:100%;}
.image { height: 25%; width: 25%; }
<body>
<div id = \"parentDiv\">
<div class=\"image\" id=\"image1\" onmouseover=\"resizeMe(this);\"> </div>
<div class=\"image\" id=\"image2\" onmouseover=\"resizeMe(this);\"> </div>
</div>
<script>
function resizeMe(obj) {
$(#obj.id).resizable(); }
</body>
<div class=\"image\" style=\"width: 345px; height: 52px;\">
没有找到相关结果
已邀请:
1 个回复
誓猎贰
$(\".image\").resizable({ autoHide: true, stop: function(e, ui) { var parent = ui.element.parent(); ui.element.css({ width: ui.element.width()/parent.width()*100+\"%\", height: ui.element.height()/parent.height()*100+\"%\" }); } });而不是和设置宽度/高度的。这是因为后者将由DOM引擎标准化并变成像素。 现在到您的代码的一些反馈。说实话，这真是一团糟。使用内联样式和脚本是非常糟糕的做法。就像使用一样，用css设置的宽度/高度。并且不要使用属性。而是使用将事件与jQuery绑定。 同样，您不应该在鼠标悬停时调整元素的大小。文件准备好后，应该只做一次。当鼠标不在元素上时，使用ѭ10选项隐藏处理程序。另一种方法是将和方法绑定到鼠标悬停，但是结果不会相同。