Eu tenho uma ul com várias li dentro, e cada li possui um span:
html:
<ul class="list-group">
<li class="atividade-style list-group-item">
<span class="atividade">
Item1
</span>
<div class="pull-right btn-group">
<button class="fa fa-pencil-square-o excluir-atividae btnSemBorda"></button>
</div>
</li>
</ul>
css
.atividade-style {
cursor: pointer;
background-color: #f0f0f0;
}
.atividade{
}
Javascript:
$(".atividade").draggable({
appendTo: 'body',
helper: "clone",
opacity: .95,
refreshPositions: true,
revert: "invalid",
revertDuration: 300,
scroll: false
});
Perceba que por causa da classe "list-group-item" (classe do bootstrap) a li sempre vai ter um tamanho maior do que o span, que tem uma função draggable. Preciso fazer essa função ser capturada e começar a executar quado eu arrastar qualquer parte da li e não o span precisamente.
span
ou noli
?