jquery - LI要素内のパラメーターをjQuerydroppableに渡します

Question

LI要素にパラメーターを追加して、jQueryのドロップ可能ファイル内でパラメーターを取得できるようにすることはできますか？

現在私は持っています：

drop: function(event, ui) { 
   var theText = ui.draggable.text();
}

しかし、LI要素内のパラメーターにアクセスする必要がありますか？

Answer 1

タグdata-*に属性を追加することも、内部にパラメータを格納してそこに格納することもできます。liinput[type=hidden]li

Answer 2

このサンプルプログラムを試してください。それはあなたの要件のためにあなたを助けるかもしれません

        $(document).ready(initialize);
        function initialize() 
        {
            $("#divFields li").draggable
            ({
                helper: "clone"
            });


            $("#divDroppedFields").droppable
            ({
                accept: "#divFields li",
                drop: function (event, ui)
                {
                    $(this).find('#txtMessageFields').append((ui.draggable.attr('data-value')));                        
                }
            });
        }


    <div id="divFields">
        <ul>
            <li data-value="data1">iPhone</li>
            <li data-value="data2">iPod</li>
            <li data-value="data3">iPad</li>
        </ul>
    </div>


  <div id="divDroppedFields" class="ui-widget-content">
        <textarea id="txtMessageFields" cols="50" rows="10"></textarea>
  </div>