2017-11-27 1 views
0

('$의 .ui.mouse을'평가) 대상이 아닙니다.내가 <strong>JqueryUI</strong> 및 <strong>터치 펀치</strong>가 모바일 장치에서 나는 오류가

은 내가이 오류가 이유를 찾으려고 내가 확인 :

  • 먼저 부하 JqueryUI을이 부하 터치 펀치 후.
  • 하나 JQuery와는 (2.2.4)

내가 노트북에 모바일 장치하지에 터치 펀치를 사용하려고하면이는 일이 설치됩니다. (랩톱 터치 펀치는 인정 받고 작동합니다. 모바일에서는 인식되지만 작동하지 않아야한다고 생각합니다.)

$('.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(); 
} 

스크립트 끌어 행을 삭제하고 또한 드래그없이 스크롤을 사용할 수 할 수있을 것입니다 :

이 내 스크립트입니다. 따라서 사용자가 두 번 탭하면 기능이 작동하여 드래그 앤 드롭이 가능합니다.

컴퓨터에서 모바일 또는 ipad가 작동하지 않습니다.

내부에 function mover()을 입력하면 콘솔에 console.log을 넣었지만 로그는 표시되지만 드래그 앤 드롭이 작동하지 않습니다.

어떻게 정의되지 않은 오류를 해결해야합니까? 나는 오류 스크립트를 수정하면 모바일 장치에서 작동합니다 생각합니다. 내가 require('jqueryui');이 하나 개의 파일이 있고이 파일이<script src="/cms/lib/jquerytouchpunch/jquery.ui.touch-punch.js"></script>을로드

답변

0

난 그냥 순서 드 변경 <head>

<script src="/assets/js/cms.js"></script> 
<script src="/cms/lib/jquerytouchpunch/jquery.ui.touch-punch.js"></script> 
에서 다음과 같습니다
관련 문제