jQuery UI স্লাইডারটি মোবাইল ডিভাইসে স্পর্শ এবং টেনে আনুন / ড্রপ করুন

Question

আমি ইতিমধ্যে একটি প্রকল্পে jQuery UI স্লাইডার স্টাইল এবং প্রয়োগ করেছি। যদিও এটি প্রতিক্রিয়াশীল, স্লাইডারটি ছোঁয়া এবং টেনে নিয়ে যাওয়ার প্রতিক্রিয়া জানায় না। পরিবর্তে, আপনি স্লাইডারটি কোথায় যেতে চান তা স্পর্শ করতে হবে। আমি jQuery মোবাইল ইউআইতে সন্ধান করতে বাধা দিতে চাই, যা স্পর্শ করা এবং টেনে আনতে সমর্থন করে, যেহেতু আমরা ইতিমধ্যে ব্যাপকভাবে jQuery (অ-মোবাইল) ইউআই ব্যবহার করি।

আমরা যে কার্যকারিতা চাই: এখানে
আমরা কী ব্যবহার করছি: এখানে

একটি ডেস্কটপে আপনি পার্থক্য বলতে পারবেন না। একটি মোবাইল ডিভাইসে এটি স্পষ্ট।

যে কেউ jquery UI এ এই সমর্থন যুক্ত করতে জানেন?

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

Comments

টাচ ডিভাইসে jQuery UI স্লাইডারের

— চিরকাল

Answer 1

jQuery ui স্পর্শ সমর্থন নেই। আপনার এটি jQuery-ui টাচ পাঞ্চ ব্যবহার করা উচিত ।

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>

আপনি সিডিএনজেএসও ব্যবহার করতে পারেন:

<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>

দ্রষ্টব্য: গিথুবকে এই রেপো একটি তারকা দেওয়া আরও ভাল ।

Comments

এটি আমার দিন বাঁচায়!

— Dr3am3rz

আপনাকে অনেক ধন্যবাদ! এই সত্যিই আমার দিন বাঁচায় !!

— সিয়ামসুল আজরিয়েন

হ্যাঁ, এটি স্লাইডারটি সঠিক মানগুলি না বাছাই করে একটি বাগও স্থির করে।

— রোনেন ফেস্টিংগার

Rails5 অ্যান্ড্রয়েড এবং আইওএস ডিভাইসগুলির সাথে মনোযোগের মতো কাজ করে

— স্টেফ হেজ

দুর্দান্ত .. এটি মসৃণভাবে কাজ করে .. :) একটি পর্যবেক্ষণ হ'ল আইওএস ডিভাইসগুলিতে যখন আমরা স্লাইডারটি স্লাইড করি তখন এটি স্প্লাইড হয় না যখন আমরা এটি স্পর্শ করি তবে যখন আমরা এটি থেকে স্পর্শটি প্রকাশ করি তখন এটি তখন স্লাইড হয়। কোন ধারণা কেন এমন হয়? আপনি কি এই জন্য কোন সমাধান আছে?

— রাহুল জে রেন

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>

ধন্যবাদ।

Comments

এটি সত্যিই দ্রুত কাজ করে তোলে। ধন্যবাদ

— tiznn