Когда элемент добавлен, событие перетаскивания не работает - PullRequest
Новая
       39

Когда элемент добавлен, событие перетаскивания не работает

0 голосов
/ 25 октября 2018

drag and drop Eventim работает, но я не могу запустить его с добавленными кнопками.Я знаю, что должен бежать как по клику, но я не получил никаких результатов.Вы можете помочь?Спасибо ...

https://codepen.io/celilsahin/pen/BqGvLm

<ul class="handles list">
<li class="red"><span>::</span></li>
<li class="purple"><span>::</span></li>
<li class="orange"><span>::</span></li>
<li class="yellow"><span>::</span></li>
<li class="blue"><span>::</span></li>
</ul>

<button>Add</button>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="jquery.sortable.js"></script> 
<script>
$(function(){
$('.handles').sortable({
handle: 'span'
});

("button").click(function(){
$( ".handles" ).append($('<li class="red"><span>::</span></li>').hide().fadeIn(300));
});
});
</script>

1 Ответ

0 голосов
/ 25 октября 2018

Вы можете получить его, добавив $ ('. Handles'). Sortable ('refresh');в коде

$ ("кнопка"). click (function () {$ (".handles") .append ($ (':: '). hide (). fadeIn (300)); $ ('. handles'). sortable ('refresh');});

...