параметр Pass в LI элемента JQuery Droppable

Question

Могу ли я добавить параметр к элементу LI, так что я могу затем получить его в пределах Droppable в JQuery

В настоящее время у меня есть:

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

Но мне нужно для доступа к параметру в элементе LI?

Answer 1

Попробуйте этот пример программы. Это может помочь вам по вашему требованию

 $(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> 

Answer 2

Вы можете добавить атрибут data-* к вашему li тега или вы можете положить input[type=hidden] внутри li и сохранять параметры там.