Jquery ui jQuery ui可排序触发器在与colorbox组合时单击

我以以下方式组合了jQueryUISortable和JackMoore。 我显示一组图像（例如，A1、B1和C1），我使用jQuery UI sortable根据需要进行排序。此外，我使用colorbox允许单击每个图像，这样就启动了图像库lighbox，显示与最初显示的每个图像相关联的额外图像。例如，如果我点击图像A1，我会得到一个显示图像A1、A2和A3的灯箱。这真的很棒：

    HTML code:
    <ul class="sortable">
            <li class="ui-state-default">
                <a clas="p1gallery" href="A1_url"><img src="A1_url"></a>
            </li>
            <li class="ui-state-default">
                <a class="p2gallery" href="B1_url"><img src="B1_url"></a>
            </li>
    </ul>
    <!-- Hidden links to tell colorbox what images should use -->
    <table>
      <tbody>
            <tr class="even">
                <td>
                  <a class="p1gallery" href="A2_url"></a>
                </td>
                <td>
                  <a class="p2gallery" href="B2_url"></a>
                </td>
            </tr>
      </tbody>
    </table>

    Javascript code:
    $(function() {
       $( "#sortable" ).sortable();
    });
    jQuery('a.p1gallery').colorbox({rel:'p1gallery', transition:"none"});
    jQuery('a.p2gallery').colorbox({rel:'p2gallery', transition:"none"});

HTML代码：






Javascript代码：
$（函数（）{
$（“#可排序”）.sortable（）；
});
jQuery（'a.p1gallery'）.colorbox（{rel:'p1gallery'，转换：“none”}）；
jQuery（'a.p2gallery'）.colorbox（{rel:'p2gallery'，转换：“none”}）；

问题是我不希望colorbox的图库包含可以排序的图像（即A1、B1和C1）。所以如果我点击图片A1，画廊应该只显示图片A2和A3。为此，我已按照中的说明“手动”启动colorbox的lightbox：

HTML代码：






Javascript代码：
$（函数（）{
$（“#可排序”）.sortable（）；
});
var$p1gallery=$（'a.p1gallery'）.colorbox（{rel:'p1gallery'，transition:'none'}）；
$（#openGallery-p1”）。单击（函数（e）{
e、 预防默认值（）；
$p1gallery.eq（0）。单击（）；
});
var$p2gallery=$（'a.p2gallery'）.colorbox（{rel:'p2gallery'，transition:'none'}）；
$（#openGallery-p2”）。单击（函数（e）{
e、 预防默认值（）；
$p2gallery.eq（0）。单击（）；
});

不幸的是，在最后一个代码中，当我点击图像时，库的工作与预期一样（即，图像A1，…未显示）。我还可以按预期对图像进行排序。但是，当我拖动图像并将其放下时，该图像的colorbox库就启动了！我试图找到一些关于如何防止删除图像后触发“单击”事件的信息，但我必须承认我是一个新手，我不知道如何修改代码以启动colorbox的库（见上文）和/或jQuery的UI可排序代码来实现这一点。任何帮助都将不胜感激

编辑：请参见此处显示问题的演示：

---

我现在看到了使用Firefox33.1时存在的问题。在Chrome 39.0.2171.71 m中工作良好

问题解决！我指定了

clone: "helper"

---

可排序的选项，如本文中所建议的，它起作用了。查看带有修复程序的演示

为什么我在那里看不到任何

标记。。？你能提供一个在线演示来复制这个吗？这个错误是我的错误。我现在已经创建了一个在线演示（见编辑）

clone: "helper"