Question

下面的代码将li从一列复制（拖放）到另一列，保持原始li就位。我正在尝试在复制之后在原始列中对原始li进行着色，以便知道我使用过的。

此行会在源列中找到硬编码ID并更改其颜色，但我无法弄清楚如何输入＆＃39; input1＆＃39;变量，因此可以在任何选定的行上使用。

       $(ident).parent().find('#input1').addClass('highlight');

我还尝试使用＆＃39; event.srcElement＆＃39;但不能只选择带变量的一行。

我的代码：

      $( "#available > li" ).draggable({ 
           revert: 'invalid'
           connectToSortable: '#selected',
           containment: '#drag_container',
           helper: 'clone',
           start: function(ui, event) {
             dragged = $(this).attr('id');
             draggedx = $(this).attr('class');
           }
       });

      $( "#selected" ).droppable({
           drop: function(event, ui) {
          var ident = "#" +  dragged;

          $(ident).parent().find('.classname').addClass('highlight');

          $(ui.draggable).clone().appendTo( this );
          }
       });

HTML：



        <li id="item1" class="lineclass"><input type="text" id="input1"
              class="classname" name=\"1" value="Item 1"></li>
        <li id="item2" class="lineclass"><input type="text" id="input2"
              class="classname" name=\"2" value="Item 2"></li>

      </pre>

CSS： .highlight {background-color：yellow; font-color：green;}

编辑 - 我试图修复html格式

在jQuery中拖放如何识别源元素并更改它的颜色？

0 个答案: