Jquery 单击时尝试调整一个div的大小以匹配另一个div的宽度

以下是我正在研究的内容，以供参考：

如果你看这个网站，你会看到一排缩略图。我使用Jquery排序表来允许对缩略图进行重新排序

所有的拇指都是应用了sortables函数的无序列表中的li

<script>
  $(function() {
    $( "ul" ).sortable({
      placeholder: "highlight"
    });
    $( "ul" ).disableSelection();
  });
</script>

$（函数（）{
$（“ul”）。可排序({
占位符：“突出显示”
});
$（“ul”）.disableSelection（）；
});

我的问题是，您只为所有缩略图指定了一个占位符（占位符是拖动拇指时出现的浅蓝色正方形-它是.highlight），我有两个不同的缩略图宽度。所以，若我设置了。突出显示为300px宽度，那个么300px宽度的缩略图看起来很棒，但更薄的200px缩略图就错了

到目前为止，我最好的想法是编写另一个javascript代码，在单击缩略图时检测其宽度，并将占位符调整为该宽度。。。但是我是java新手，所以我不确定这是否是最好的解决方案

---

有什么想法吗？提前感谢：）

我注意到，当您拖动Div时，会在其上添加一个类“ui sortable helper”，因此，如果您在拖动Div后选择Div的宽度，然后调整所有具有类“highlight”的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>

$（函数（）{
$（“ul”）。可排序({
占位符：“突出显示”，
开始：功能（事件、用户界面）{
setTimeout（“resize（）”，0）；
},
停止：功能（事件、用户界面）{
}
});
$（“ul”）.disableSelection（）；
});
函数resize（）
{
var width=$（$（“.ui可排序帮助程序”）[0]）.css（“宽度”）；
$（$（“.highlight”）[0]）.attr（“样式”，“宽度：”+width）；
}

java！=javascript。使用jQuery很容易做到这一点。在文档中查找

。单击
、
.css
和
.width
：基本上可以按照drop.width（selection.width（））进行操作。哇，是的，工作非常好-非常感谢！我得研究一会儿，看看它是怎么工作的。