На самом деле, здесь не нужен clone и remove
Здесь нужен простой append, так как при применении его к существующему элементу, он просто перемещает его в новый контейнер. Все события при это остаются привязанными.
$('.item').click(function() {
$('#dst').append(this);
});
$('.item').click(function() {
$(this).text(+$(this).text() + 1);
});
div {
border: 1px solid;
height: 20px;
}
#src {
border-color: red;
}
#dst {
border-color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="src">
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
</div>
<div id="dst">
</div>
Кроме того, функция clone принимает первым параметром флаг, указывающий копировать ли привязанные обработчики событий и значения data. По умолчанию, значение false, поэтому для копирования вместе с событиями нужно передать true.
$('.item').click(function() {
$(this).text(+$(this).text() + 1);
});
$('.item').click(function() {
$('#dst').append($(this).clone(true));
$(this).remove();
});
div {
border: 1px solid;
height: 20px;
}
#src {
border-color: red;
}
#dst {
border-color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="src">
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
<span class="item">0</span>
</div>
<div id="dst">
</div>
$('.set').on('click', '.inv_item', function(event) { ... });