C# 表“}）.disableSelection（）}）；为什么我可以通过使用那段代码来选择一个特定的li元素拖放是一件更复杂的事情，但是应该有很多jQuery插件，你可以用谷歌搜索。但是，即使是这种复杂的拖放也可以很好地为meIt工作，因为你可以选择要移动的

---

表“}）.disableSelection（）}）；为什么我可以通过使用那段代码来选择一个特定的li元素拖放是一件更复杂的事情，但是应该有很多jQuery插件，你可以用谷歌搜索。但是，即使是这种复杂的拖放也可以很好地为meIt工作，因为你可以选择要移动的项-使用带有按钮，没有点击列表项-这是关键的区别。

$(document).ready(function () {
    $("#add").click(function () {
        $("#list1 li").appendTo('#list2');
    });
});

<div>
    <asp:ListView ID="ListView1" runat="server">
        <LayoutTemplate>
            <ul id="list1" class="connectedSortable">
                <asp:PlaceHolder runat="server" id="itemPlaceholder"></asp:PlaceHolder>
            </ul>
        </LayoutTemplate>
        <ItemTemplate>    
            <li class="ui-state-default" ><%# Eval("value") %></li>     
        </ItemTemplate>
    </asp:ListView>

    <asp:ListView ID="ListView2" runat="server">
        <LayoutTemplate>
            <ul id="list2" class="connectedSortable">
                <asp:PlaceHolder runat="server" id="itemPlaceholder"></asp:PlaceHolder>
            </ul>
        </LayoutTemplate>
        <ItemTemplate>    
            <li class="ui-state-highlight" ><%# Eval("value2") %></li>     
        </ItemTemplate>
    </asp:ListView>
    <input id="add" name="add" type="button" value="add" /><br />
</div>

list 1:
<ul id="list1">
    <li>hello</li>
    <li>world</li>
</ul>
<br />
list 2:
<ul id="list2">
    <li>goodbye</li>
</ul>

<a href="#" id="listSwap">go</a>


$(document).ready(function() {
    $("#listSwap").click(function() {
        $("#list1 li:nth-child(2)").hide();
        $("#list2").append("<li>"+$("#list1 li:nth-child(2)").html()+"</li>");
    });
});

$(document).ready(function () {
    $("#add").click(function () {
        $("#list1 li").last().appendTo('#list2');
    });
});

$("#list1 li").click(function() {
    $(this).appendTo('#list2');
});

$("#list1 li").click(function() {
    $("list1 li.clicked").removeClass("clicked");
    $(this).addClass("clicked");
});
$("#add").click(function () {
    $("#list1 li.clicked").removeClass("clicked").appendTo('#list2');
});

<ul id="list1">
    <li class="ui-state-default 01"> list1-1</li>
    <li class="ui-state-default 02"> list1-2</li>
    <li class="ui-state-default 03"> list1-3</li>
</ul>
<ul id="list2"></ul>

    $("#list1 .01").appendTo($("#list2"));
    or 
    $("#list1 li:last").appendTo($("#list2"));

<script type="text/javascript">
    $(document).ready(function () {
        $(".add").click(function () {
            $(this).appendTo('#list2');
        });
    });
</script>