gpt4 book ai didi

javascript - Jquery resizing() 显示调整大小图标但不调整大小

转载 作者:行者123 更新时间:2023-12-02 17:26:23 26 4
gpt4 key购买 nike

我有一个页面,其中有两个可调整大小的 div。第一个工作正常,第二个显示调整大小图标但未调整大小。

这是我的 html:

<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/jquery-ui-1.10.4.css">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui-1.10.4.js"></script>
</head>
<body>
<div id="page">
<img id="img_site_top" src="site_top.png">
<div id="img_header" style="position: absolute; left: 7px; top: 7px; background-image: url(header.png); width:980px; height:106px;">
<a id="img_logo" class="jqDrag" style="position:absolute; top: -11px; left: 0px; width:350px; height:107px; background-image: url(logo.png); background-size: 100% 100%;background-repeat: no-repeat; border: 1px solid white">
</a>
</div>
<img id="img_site" src="site.png">
<img id="img_welcome_panel" src="welcome_panel.png">
</div>
</body>
<script>
$(
function(){
$('#img_logo').draggable().resizable({ aspectRatio: true }); //works
$('#img_header').resizable(); //doesn't work: shows the icon, but doesn't resize.
}
);
</script>
</html>

结果:

enter image description here

地点:

  • 第一次调整大小应用于浅棕色框 ($('#img_logo'))
  • 第二次调整大小应用于浅蓝色框 ($('#img_header')),尽管看起来似乎是应用于灰色框。

Demo here

我错过了什么?为什么第一个盒子可以工作,而第二个盒子却不能?

最佳答案

尝试更改初始化顺序。演示:http://jsfiddle.net/GCu2D/77/ 。替换这个:

 $(function(){
$('#img_logo').draggable().resizable({ aspectRatio: true }); //works
$('#img_header').resizable(); //doesn't work: shows the icon, but doesn't resize.
});

与:

 $(function(){                
$('#img_header').resizable();
$('#img_logo').draggable().resizable({ aspectRatio: true });

});

关于javascript - Jquery resizing() 显示调整大小图标但不调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23468138/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com