【问题标题】:Jquery droppable get multiple draggable idJquery droppable 获取多个可拖动的id
【发布时间】:2012-05-19 15:14:38
【问题描述】:

当我拖放到某个 div 时,我想获得多个拖动的 id。 $(ui.draggable).attr('id'); 只获得第一个 id。

  Drag  <ul id="demo" > 
         <li id="1" ></li>
         <li id="2" ></li>
        <li id="3" ></li>
        </ul>

         <div class="drop"> drop here!! </div>

JQUERY

$(".drop").droppable({ 
                drop: function(event, ui) {

  var m_id = $(ui.draggable).attr('id');// only gets 1st id


      // i need to get multiple dragged id 

            1,2,3..     

            }       
            });

请帮帮我!!谢谢

【问题讨论】:

    标签: jquery-ui jquery drag-and-drop


    【解决方案1】:
    var m_id = [];
    $.each($(ui.draggable), function(i,e) {
       m_id.push(e.id);
    });
    
    //gives array with all ID's, could be joined with join()
    //for comma seperated list
    

    【讨论】:

    • 仍在打印第一个 ID。请先生帮帮我>>> var m_id = []; $.each($(ui.draggable), function(i,e) { m_id.push(e.id); var newText =m_id.join(", "); alert(newText); });
    【解决方案2】:
    $("li").draggable({ revert: true });
    
    $(".drop").droppable({
    drop: function(event, ui) {
        var id = ui.draggable.attr("id");
        alert(id);
    }
    });  
    

    【讨论】:

      猜你喜欢
      • 2012-05-26
      • 2013-06-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-04-26
      • 1970-01-01
      • 1970-01-01
      • 2021-09-14
      相关资源
      最近更新 更多