如何在Jquery中阻止屬性或標記的克隆

我在jquery中遇到了問題。我想克隆從一個div1拖到另一個div2的屬性或標記，這很好。 但問題是，當我拖着或DIV2然後克隆移動現有標記的位置星級如何在Jquery中阻止屬性或標記的克隆

我只想克隆當我從DIV1拖動到DIV2，請告訴我，我錯了什麼是錯的。

這是我DIV1

<div class="md-card scroll-style"> 
        <div class="draggable-items"> 
         <img class="img_style" src="tools_icon/ic_text_format.svg" data-toggle="tooltip" title="Text Input" data-placement="bottom"> 
         <div id="text_field_clone" class="draggable_items_hide"> 
          <input type="text" name="text_field"> 
         </div> 
        </div> 
       </div>

這是DIV2

<div class="droppable_box_style scroll-style" id="droppable-box"> 

       </div>

這jQuery代碼

<script type="text/javascript"> 
     $(document).ready(function() { 

      $(".draggable-items").draggable({ 
       grid: [ 20, 20 ], 
       appendTo: '#droppable-box', 
       containment: "window", 
       cursor: 'move', 
       revertDuration: 100, 
       revert: 'invalid', 
       helper: 'clone' 
      }); 

      $("#droppable-box").droppable({ 
       accept: ".draggable-items", 
       drop: function (event, ui){ 

        ui.helper.clone().appendTo('#droppable-box'); 

        $("#droppable-box > .draggable-items").find(".img_style").hide(); 

        $("#droppable-box > .draggable-items").find("#text_field_clone").removeClass("draggable_items_hide").addClass("show").resizable(); 

        $("#droppable-box > .draggable-items").draggable(); 
       } 
      }); 
      // $('[data-toggle="tooltip"]').tooltip(); 
     }); 
    </script>

我喜歡這個

來源

2017-02-24 JITENDRA KUSHVAHA

佈局附上克隆功能Jquery的鼠標鬆開事件：

$(selector).mouseup(function(){ 
    //put cloning code here 
    });

Refer Demo Here

來源

2017-02-24 11:29:34

感謝回答，我找到了一個解決方案，如果我會把克隆布爾變量（然後布爾值對於拖動工具是錯誤的，那麼我可以改變工具的位置）它正在工作。但後來我從第一個div1拖動另一個工具，然後它不克隆。 –

我們可以爲拖動工具創建動態數組，我們何時將工具從div1拖動到div2，然後將布爾值更改爲false。 –

是的，你可以..位我認爲這是最簡單的，所以我建議 –

如何在Jquery中阻止屬性或標記的克隆

回答

相關問題