2017-11-27 2 views
0

Ich habe jQueryUI und -Touch-punch und in mobilem Gerät bekomme ich den Fehler ('$ .ui.mouse' Auswertung): undefined is not an object (evaluating '$.ui.mouse').JQuery undefiniert ist kein Objekt

Ich versuche zu finden, warum ich diesen Fehler und ich überprüfen:

  • Erste Last jQueryUI und nach dieser Last Touch Punch.
  • Nur ein JQuery ist (2.2.4)
installiert

Dies geschieht nur, wenn ich versuche, Touch-Punch in mobilen Gerät nicht auf dem Laptop zu benutzen. (Im Laptop wird Touch-Punch erkannt und funktioniert. Im Handy finde ich es erkannt, funktioniert aber nicht wie es geht).

Das ist mein Skript:

$('.touchtable').on('doubletap',function(e){ 
    mover(); 
}); 
function mover(){ 
    $("#tbodyproject").sortable({ 
    items: "> tr", 
    appendTo: "parent", 
    helper: "clone", 
    placeholder: "placeholder-style", 
    containment: ".table", 
    start: function(event, ui) { 

    var cantidad_real = $('.table thead tr th:visible').length; 
    var cantidad_actual = $(this).find('.placeholder-style td').length; 

    if(cantidad_actual > cantidad_real){ 
    var cantidad_a_ocultar = (cantidad_actual - cantidad_real); 

    for(var i = 0; i <= cantidad_a_ocultar; i++){ 
    $(this).find('.placeholder-style td:nth-child('+ i +')').addClass('hidden-td'); 
    } 
    } 

    ui.helper.css('display', 'table') 
    }, 
    stop: function(event, ui) { 
    ui.item.css('display', '') 
    }, 
    update: function(event, ui) { 
    let newOrder = $(this).sortable('toArray'); 
    $.ajax({ 
    type: "POST", 
    url:'/admin/projects/updateOrder', 
    data: {ids: newOrder} 
    }) 
    .done(function(msg) { 
    location.reload(); 
    }); 
} 
}).disableSelection(); 
} 

Das Skript möglich seine Zeilen zu ziehen und auch ohne Drag blättert zur Verfügung. Wenn der Benutzer also zweimal tippt, funktioniert die Funktion und es ist möglich, Drag & Drop zu machen.

In Computer funktioniert, in Handy oder iPad nicht.

Wenn innerhalb function mover() ich eine console.log in Konsole setzen werde ich das Protokoll, aber Drag & Drop es funktioniert nicht.

Wie sollte ich den Fehler von undefined beheben? Ich denke, wenn ich das Fehler-Skript beheben wird auf dem mobilen Gerät funktionieren.

Antwort

0

ich eine Datei, wo ich require('jqueryui'); und diese Datei wurde nach<script src="/cms/lib/jquerytouchpunch/jquery.ui.touch-punch.js"></script> geladen ich ändern, nur de Ordnung und sieht wie folgt in <head>

<script src="/assets/js/cms.js"></script> 
<script src="/cms/lib/jquerytouchpunch/jquery.ui.touch-punch.js"></script> 
Verwandte Themen