4

複数選択リスト ボックスのオプションで動作するように jQuery UI のデフォルトのソート可能を取得しようとしていますが、動作していないようです。これは選択オプションで機能しますか? <li>どこでも例を見ただけです。

これが私のJavaScriptです：

$(function() {
    $( "#secondSelectms2side__dx" ).sortable();
    $( "#secondSelectms2side__dx" ).disableSelection();
});

そしてHTML：

<select title="" name="secondSelectms2side__dx" id="secondSelectms2side__dx" size="8" multiple="multiple">
    <option value="4">asdsdsds</option>
    <option value="10">bsdsdsdsd</option>
    <option value="2">csdsdsds</option>
</select>​

私のコードはjsFiddleにあります:

http://jsfiddle.net/noscirre/DRUPe/

4

2 に答える 2

4

複数選択 js ウィジェットを使用した選択オプションの並べ替えのデモ: http://jsfiddle.net/QRv6d/9/

良いリンク: https://github.com/yanickrochon/jquery.uix.multiselect http://quasipartikel.at/2009/05/10/jqueryui-multiselect/ & http://quasipartikel.at/multiselect/

注意: sortable() の単純なソート可能な実装が見つからないため、select boxesこの multiselect プラグインを使用しています。デモでわかる:)ように、必要に応じて使用できます。完全な HTML は js フィドルにあります。

お役に立てれば、

スクリプトソース

  <script type="text/javascript" src="http://quasipartikel.at/multiselect/js/ui.multiselect.js"></script>

コード

  $(function(){

            $(".multiselect").multiselect();

        });​

HTML

<select id="countries" class="multiselect" multiple="multiple">

    <option value="AUT" selected="selected">Austria</option>
    <option value="DEU" selected="selected">Germany</option>

    <option value="NLD" selected="selected">Netherlands</option>

    <option value="USA" selected="selected">United States</option>


  </select>

画像

ここに画像の説明を入力

于 2012-06-21T09:14:14.767 に答える
0

これが必要です。stlying を従来の選択ボックスのように「見える」ようにカスタマイズしたい場合は、追加の作業を行う必要があります。これを simple_form と統合して、ここにコードを投稿します。

https://github.com/thgreasi/ui-sortable-multiselection

于 2015-08-13T15:57:22.233 に答える