[Risolto] Effetto draggable non funziona su dispositivi mobili.

[tomtomeight]

Buongiorno

Ho reso un articolo movibile con effetto draggable ma non funziona su dispositivi mobili,

Codice: [Seleziona]

<script src="//code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
$(function() {
    $( "#sp-component-area" ).draggable();
  });
// ]]></script>
hotelgrazia.it/new/dove-siamo.html

[alessioa]

Ciao,

prova con questo plugin http://touchpunch.furf.com/ , su iPhone si "dragga" che è un piacere  :-)

[tomtomeight]

Grazie, domani ci provo, dalla demo funziona come hai detto.

[tomtomeight]

Perfetto adesso funziona anche da dispositivi mobili. Un ultima cosa, da desktop quando il mouse copre l'area il cursore cambia facendo intendere che l'area può essere spostata, ma da dispositivo mobile non essendoci il cursore, la funzione non è intuibile, come posso far intendere che quell'area è movibile anche da touch?

[alessioa]

Nel CSS, prova ad aggiungere a questo div #sp-component-area la proprietà cursor:all-scroll

[tomtomeight]

Fatto ma non cambia nulla

[alessioa]

credo ti manchi un pezzo di css, nella demo c'è questa classe con questa proprietà

.ui-draggable{cursor:move;}

se la aggiungi mettono cursor:all-scroll;

cosa succede ?

[tomtomeight]

Niente, d'altronde anche nella demo non compare nulla sull'area draggabile. penso di aggiungere un simbolo all'interno del contenuto stesso per far capire che può essere spostato. Una manina oppure le quattro freccette come il cursore. Ci penserò, intanto grazie e metto il risolto.

[alessioa]

mi è venuta in mente un cosa, tempo fà avevo avuto un problema simile, se non vado errato i dispositivi mobili, un modo più specifico i sistemi di Apple, hanno un problema sulle aree hover, se hai voglia prova a passarli un'immagine come cursore invece della proprietà css.

una cosa tipo : cursor: url(images/cursore.png), auto;

[tomtomeight]

Il fatto è che nei dispositivi mobili non essendoci il mouse non c'è nemmeno l'hover e credo che non essendoci il mouse non può  avere nessun effetto proprio il cursor.

[alessioa]

si infatti, però strano che non si siano inventati qualcosa.

magari come hai detto te, mettici un'iconcina carina che faccia capire che è draggabile, falla vedere solo su i device mobili.