jQuery यूआई स्लाइडर मोबाइल डिवाइस पर टच एंड ड्रैग/ड्रॉप समर्थन

Question

मैंने पहले से ही एक परियोजना में jQuery UI स्लाइडर को स्टाइल और कार्यान्वित किया है। हालांकि यह मोबाइल और स्केल ठीक से है, यह टैप और ड्रैग की अनुमति नहीं देता है। इसके बजाय आपको उस स्लाइडर को स्पर्श करना होगा जहां आप स्लाइडर जाना चाहते हैं। jQuery मोबाइल यूआई इसका समर्थन करता है, लेकिन मेरे पास समय पहले से मौजूद निवेश में निवेश किया गया है।

कार्यक्षमता हम चाहते हैं: Here
हम क्या उपयोग कर रहे हैं: Here

एक डेस्कटॉप आप अंतर नहीं बता सकता पर। एक मोबाइल डिवाइस पर यह स्पष्ट है।

कोई भी जानता है कि jquery UI पर यह समर्थन कैसे जोड़ें?

$("#cameraSlider").slider({ 
    value: 2, 
    min: 1, 
    max: 3, 
    step: 1, 
    slide: function(event, ui) { 
    cameramen = ui.value; 
    return calcTotal(); 
    } 
}); 

धन्यवाद, सेठ

Answer 1

jQuery ui स्पर्श समर्थन नहीं है। आपको इसे jQuery-ui touch punch के साथ उपयोग करना चाहिए।

बस jQuery ui के बाद स्क्रिप्ट जोड़ने:

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script> 
<script src="jquery.ui.touch-punch.min.js"></script> 

तुम भी cdnjs उपयोग कर सकते हैं:

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script> 

नोट: बेहतर this repo Github पर एक स्टार दे।

Answer 2

आप बस इस जेएस को लिंक कर सकते हैं।

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script> 

धन्यवाद।