单击时，尝试调整div的大小以匹配另一个div的宽度
单击时，尝试调整div的大小以匹配另一个div的宽度
提问于 2013-04-15 03:04:51
因此，以下是我正在做的参考：
http://www.ryanhammond.us/ellenpaul/index.html
如果你看一下这个网站，你会看到一个缩略图的网格。我使用Jquery sortables来允许对缩略图进行重新排序。
所有的拇指都是一个无序列表中的li，sortables函数应用于该列表
<script>
$(function() {
$( "ul" ).sortable({
placeholder: "highlight"
});
$( "ul" ).disableSelection();
});
</script>我的问题是您只为所有缩略图指定一个占位符(占位符是当您拖动拇指时出现的浅蓝色正方形-它是.highlight)，而我有两个不同的缩略图宽度。所以，如果我将.highlight的宽度设置为300px，那么300px的缩略图看起来很棒，但200px的缩略图就错了。
到目前为止，我最好的想法是编写另一个javascript代码，当缩略图被单击时，它会检测缩略图的宽度，并将占位符的大小调整为该宽度……但是我刚接触java，所以我不确定这是不是最好的修复方法。
有什么想法吗？提前感谢:)
回答 1
Stack Overflow用户
发布于 2013-04-15 04:38:12
我注意到当你拖动Div时，有一个类"ui-sortable-helper“添加在上面，所以如果你选择了div的宽度，然后调整所有div的大小，让类”高亮显示“，它应该工作在下面的示例：
<script>
$(function() {
$( "ul" ).sortable({
placeholder: "highlight",
start: function(event, ui) {
setTimeout("resize()",0);
},
stop: function(event, ui) {
}
});
$( "ul" ).disableSelection();
});
function resize()
{
var width = $($(".ui-sortable-helper")[0]).css("width");
$($(".highlight")[0]).attr("style","width:"+width);
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16003113
复制相关文章
相似问题
腾讯云开发者
