我有以下示例代碼，它們將 jQuery Resizable 用于 e、w 句柄。我可以看到“e”句柄按預期作業，但對于“w”它總是改變“e”寬度。
怎么了？非常感謝您的幫助，謝謝...
身體 {
邊距：50px；
}
。排 {
寬度：900px；
高度：自動；
}
.col{
位置：相對；
最小高度：331px；
高度：331px；
寬度：33.333%；
背景：#ccc;
}
.handle-w,
.handle-e {
背景：#fff;
邊框：2px 實心 #00a0d2；
邊界半徑：50%；
高度：12px；
寬度：12px；
游標：e-resize；
頂部：50%；
變換：translateY(-50%);
位置：絕對；
}
.handle-w {
左：-7px；
}
.handle-e {
右：-7px；
}
</head>
<body>
<div class="row">
<div class="col">
<div class="handle-w"></div>
<div class="handle-e"></div>
</div>
</div>
<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.js"></script>
<script>
$(document).ready(function () {
var col = $('.col');
col.resizable({
containment: col.closest('.row'),
handles: {
'w': col.find('.handle-w'),
'e': col.find('.handle-e')
},
});
});
</script>
</body>
</html>
或者您可以在此處查看jsfiddle 中的現場演示
此外，我建議您查看以下帖子。討論了類似但非同義的問題：
- jQuery 兩邊調整大小
- jQuery UI Resizable Resizing To Left 問題
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/387786.html
上一篇：包含庫的最佳方法是什么？
下一篇：導航中子選單上的按鈕