Evitando clicks durante o drag

Tenho uma div que é arrastada pelo mouse:

content.draggable({
axis: "x",
cursor: "e-resize",
containment : [endStage,0,startStage,0]
});
Dentro desta div, existem outras divs que, quando clicadas retornam um valor:

$('.item').on('click', function(){
 valor = $(this).data('artista');
 console.log('valor: ' + valor);
});

Mas eu preciso impedir o click das divs internas quando a div principal for arrastada. Então pensei no seguinte:

content.draggable({

 start: function(event, ui) {
 console.log('start dragging');
 clicado = false;

 },
 stop: function(event, ui) {
 console.log('stop dragging');
 clicado = true;
 }
});

E alterei o click para:

$('.personagem').on('click', function(){
 if (clicado = true){
 artista = $(this).data('artista');
 console.log('artista clicado: ' + artista);
}
});

Mas não funcionou