JQuery : 왜 내 퍼즐이 휴대폰에서 작동하지 않습니까?

Question

나는 여기에 새로운 arround 포럼을 좀하려고합니다. 프로그래밍 클래스 (webforce3)를 끝내고 클래스를 검토 할 수있는 모든 것을 테스트했습니다.

첫 번째 질문은 모바일 장치에서 작동하지 않는 것 같은 작은 프로그램/게임에 관한 것입니다. 아무도 나에게 이유에 대한 단서를 줄 수 있습니까?

jquery-ui 또는 내 코드가 잘못 되었나요? 어떤 도움 https://jsfiddle.net/scooterMaya/ujadw43e/2/

감사 :

script> 
    $(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 
    }); 

    $(document).ready(function(){ 
    $('ul').each(function(){ 
     // get current ul 
     var $ul = $(this); 
     // get array of list items in current ul 
     var $liArr = $ul.children('li'); 
     // sort array of list items in current ul randomly 
     $liArr.sort(function(a,b){ 
     // Get a random number between 0 and 10 
     var temp = parseInt(Math.random()*10); 
     // Get 1 or 0, whether temp is odd or even 
     var isOddOrEven = temp%2; 
     // Get +1 or -1, whether temp greater or smaller than 5 
     var isPosOrNeg = temp>5 ? 1 : -1; 
     // Return -1, 0, or +1 
     return(isOddOrEven*isPosOrNeg); 
     }) 
     // append list items to ul 
     .appendTo($ul);    
    }); 
    }); 
</script> 

최저

은 무슨 일이 일어나고 있는지 확인하기 위해 바이올린을 게시하는 것입니다. 내 온라인 재개 조금 조금만 지정하려고합니다. http://michelcavro.net

Answer 1

터치 이벤트로 인해 마우스 끌기가 사진을 드래그하지 않는 것처럼 보입니다. 당신은

이러한 기능

function touchHandler(event) { 
    var touch = event.changedTouches[0]; 

    var simulatedEvent = document.createEvent("MouseEvent"); 
     simulatedEvent.initMouseEvent({ 
     touchstart: "mousedown", 
     touchmove: "mousemove", 
     touchend: "mouseup" 
    }[event.type], true, true, window, 1, 
     touch.screenX, touch.screenY, 
     touch.clientX, touch.clientY, false, 
     false, false, false, 0, null); 

    touch.target.dispatchEvent(simulatedEvent); 
    event.preventDefault(); 
} 

function init() { 
    document.addEventListener("touchstart", touchHandler, true); 
    document.addEventListener("touchmove", touchHandler, true); 
    document.addEventListener("touchend", touchHandler, true); 
    document.addEventListener("touchcancel", touchHandler, true); 
} 

을 추가하고 준비 기능의 바닥에서 초기화()를 호출 터치로 마우스 이벤트를 시뮬레이션 할 필요가있다!

이 솔루션은 this SO article

에서하고 업데이트 작업 바이올린 here