マウスで画面項目の順序を移動すると、私は項目の単純なリストを持っている私の画面で

Question

をクリックしてください：私が持っている

1. 項目1つの
2. 項目2
3. 項目3

ユーザがアイテムをクリックしてマウスでリスト内の位置を変更できる場所の例を示します。

Mu質問はどうですか？それは一種のjavascript関数ですか？これを試してみてくださいマウスクリック

と、画面項目の順序を移動

Answer 1

に役立ちます願っています。このスニペット

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } 
 
    #sortable li { background:#aeaeae; margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; } 
 
    #sortable li span { position: absolute; margin-left: -1.3em; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
    
 

 
    <script> 
 
    $(function() { 
 
    $("#sortable").sortable(); 
 
    $("#sortable").disableSelection(); 
 
    }); 
 
    </script> 
 

 
    
 
<ul id="sortable"> 
 
    <li>Item 1</li> 
 
    <li>Item 2</li> 
 
    <li>Item 3</li> 
 
    <li>Item 4</li> 
 
    <li>Item 5</li> 
 
    <li>Item 6</li> 
 
</ul>

Answer 2

：jqueryui sortable

は、それはあなたが簡単に、これを達成するためにjQuery Ui libraryを使用することができます