0

ここにリンクの説明を入力するのと同様に、asp.net mvc で並べ替え可能な UL リストを作成しようとしています。HTML と jquery でこれを実現できます。

<div data-role="page" id="page1">
<div data-role="content">
    <ul data-role="listview" data-divider-theme="b" data-inset="true">
        <li data-role="list-divider" role="heading">Re-order</li>
        <li data-theme="c">1</li>
        <li data-theme="c">2</li>
        <li data-theme="c">3</li>
        <li data-theme="c">4</li>
        <li data-theme="c">5</li>
        <li data-theme="c">6</li>
        <li data-theme="c">7</li>
    </ul>
    <a data-role="button">Submit</a>
</div>


$(document).ready(function(e) {
$('li').removeClass('ui-corner-bottom');
$('ul')
    .addClass('ui-corner-top')
    .removeClass('ui-corner-all')
    .sortable({
        'containment': 'parent',
        'opacity': 0.6,
        update: function(event, ui) {
            alert("dropped");
        }
    });

});

4

2 に答える 2