JQuery从jcarousel拖放图像答案

【问题标题】：JQuery drag and drop image from jcarouselJQuery从jcarousel拖放图像
【发布时间】：2012-02-24 13:06:30
【问题描述】：

我有一个 jcarousel，我用 listview 填充图像，如下所示，效果很好：

<script type="text/javascript">

    jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel();

    });

</script>

<div class="slidercontainer">
               <asp:ListView ID="lstImages" runat ="server" >

               <LayoutTemplate>
                <ul id="mycarousel" class="jcarousel-skin-tango">
                <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
                </ul>
               </LayoutTemplate>

               <ItemTemplate>
               <li>
               <image src="../Images/<%#Eval("ID") %>/<%#Eval("ImageName") %>"  width="95" height="75" alt="" />
               </li>
               </ItemTemplate>

            <EmptyDataTemplate>
            <div>
            No Images To Display
            </div>
            </EmptyDataTemplate>

               </asp:ListView>

            </div>

如何使这些图像可拖动并将它们放入 div 中？我已经搜索过，但找不到任何相关信息。

您的帮助将不胜感激。

编辑：

我发现这个脚本只有在我删除上面加载 jcarousel 的脚本时才适用于一个图像：

<script type="text/javascript">

$( init );

function init() {
  $('#makeMeDraggable').draggable();
  $('#makeMeDroppable').droppable( {
    drop: handleDropEvent
  } );
}

function handleDropEvent( event, ui ) {
  var draggable = ui.draggable;
  alert( 'The square with ID "' + draggable.attr('id') + '" was dropped onto me!' );
}

</script>

【问题讨论】：

标签： jquery asp.net image drag-and-drop jcarousel

【解决方案1】：

发现这篇很棒的文章正是我想要的：

http://mypaaji.com/Index.php/how-to-create-a-shopping-cart-widget/

【讨论】：