Drag and Drop - Script com Problemas
Enviado: 13 Fev 2012, 12:37
Boa tarde a todos da OpenCart Brasil, estou com um script de Drag and Drop, para pegar o produto e arrastar para o carrinho feito em jquery, mas estou com um pequeno problema, tenho os meus produtos em Latest por exemplo, se eu quiser arrastar para o carrinho é facil, mas o problema é que se eu simplismente quero entrar no produto para ver suas descrições etc, tenho que dar 2 cliques no produto.
Eu queria que o script só funcionasse se clicasse e arrastasse, mas o script ta entrando em andamento somente de clicar, assim tenho que dar 2 clicks para entrar no produto.
Meu script com problemas :
Eu queria que o script só funcionasse se clicasse e arrastasse, mas o script ta entrando em andamento somente de clicar, assim tenho que dar 2 clicks para entrar no produto.
Meu script com problemas :
Código: Selecionar todos
<script type="text/javascript">
var sDrag = 'Coloque o produto aqui';
var sDrop = 'Solte agora';
$hideTooltip = function() {
var obj = $('#dragTooltip');
obj.fadeTo('slow', 0);
obj.hide();
}
$showTooltip = function() {
var obj = $('#dragTooltip');
var pos = $("#cart").offset();
var height = ($("#cart").height() + 12);
$("#dragTooltip").css({
'left': pos.left + 'px',
'top': (pos.top + height) + 'px'
});
obj.text(sDrag);
obj.show();
obj.fadeTo('slow', 0.6);
}
$.initDrag = function() {
$('.dragToCart').draggable({
revert:true,
proxy:'clone',
onStartDrag:function() {
$showTooltip();
$(this).draggable('options').cursor = 'not-allowed';
$(this).draggable('proxy').css('z-index',999);
$(this).draggable('proxy').css('opacity','0.6');
},
onStopDrag:function() {
$(this).draggable('options').cursor='move';
$('#dragTooltip').fadeOut('slow');
}
});
$('#cart').droppable({
onDragEnter:function(e,source) {
$('#dragTooltip').text(sDrop);
$(source).draggable('options').cursor='auto';
},
onDragLeave:function(e,source) {
$('#dragTooltip').text(sDrag);
$(source).draggable('options').cursor='not-allowed';
},
onDrop:function(e,source) {
addToCart(source.name);
}
});
}
$.initDrag();
</script>