jquery-ui বাছাইযোগ্য | কীভাবে এটি আইপ্যাড / টাচডভাইসগুলিতে কাজ করবেন?

Question

আইপ্যাড এবং অন্যান্য স্পর্শ ডিভাইসে কীভাবে jQuery-UI বাছাইযোগ্য বৈশিষ্ট্যটি পাব?

http://jqueryui.com/demos/sortable/

আমি ব্যবহার করার চেষ্টা event.preventDefault();, event.cancelBubble=true;এবং event.stopPropagation();সঙ্গে touchmoveএবং scrollঘটনা, কিন্তু ফলাফলের যে পেজটি আর স্ক্রল করে না ছিল।

কোন ধারনা?

Comments

এর জন্য কি কোনও বাগ রিপোর্ট রয়েছে?

— মার্ক-আন্দ্রে লাফোর্টুন

এই জাতীয় কিছু ব্যবহার হতে পারে? github.com/mattbryson/

— টাচসুইপ-

Answer 1

একটি সমাধান খুঁজে পেয়েছে (কেবল এখন পর্যন্ত আইপ্যাডের সাথে পরীক্ষিত!)!

http://touchpunch.furf.com/content.php?/sortable/default-functionality

Comments

এটি অ্যান্ড্রয়েড ট্যাবলেটটিতেও কাজ করে। বিশেষত অ্যান্ড্রয়েড 3.1 এ একটি স্যামসং গ্যালাক্সি ট্যাব 10.1 এ পরীক্ষিত।

— খজনক

অ্যান্ড্রয়েড

— ২.৩.৪

স্যামসাং গ্যালাক্সি এস 2 এ অ্যান্ড্রয়েড 4.1.2 এর সাথে কাজ করে

— ওয়েসেল ক্র্যানেনবার্গ

এটি দুর্দান্ত কাজ করে! যদিও আমি একটি পুরো পৃষ্ঠকে কভার করে একটি টেবিল পেয়েছি যাতে উপাদানগুলি সরানো ছাড়াই উপরে এবং নীচে স্ক্রোল করা শক্ত হয়ে যায়। কেউ কি এই সমস্যাটির সমাধান করেছেন? এক্স সেকেন্ডের জন্য নির্দিষ্টটিকে স্পর্শ না করা পর্যন্ত উপাদানগুলি চলতে বাধা দেওয়ার জন্য কিছু যুক্ত করা কৌশলটি করা উচিত?

— টম

1/2014 পর্যন্ত, এটি উইন্ডোজ ফোনের ইন্টারনেট এক্সপ্লোরারে কাজ করে না। আশা করি, অন্যান্য ব্রাউজারগুলি উপলব্ধ হয়ে গেলে এটি কাজ করবে।

— edcincy

Answer 2

করতে sortableমোবাইলে হবে। আমি এই জাতীয় স্পর্শ-পাঞ্চ ব্যবহার করছি :

$("#target").sortable({
  // option: 'value1',
  // otherOption: 'value2',
});

$("#target").disableSelection();

disableSelection();বাছাইযোগ্য উদাহরণটি তৈরি করার পরে যুক্ত করার বিষয়টি নোট করুন ।

Answer 3

টম, আমি মাউসপ্রোটো_টচ স্টার্ট ইভেন্টে নিম্নলিখিত কোডগুলি যুক্ত করেছি :

var time1Sec;
var ifProceed = false, timerStart = false;
mouseProto._touchStart = function (event) {

    var self = this;

    // Ignore the event if another widget is already being handled
    if (touchHandled || !self._mouseCapture(event.originalEvent.changedTouches[0])) {
        return;
    }

    if (!timerStart) {
        time1Sec = setTimeout(function () {
            ifProceed = true;
        }, 1000);
        timerStart=true;
    }
    if (ifProceed) {
        // Set the flag to prevent other widgets from inheriting the touch event
        touchHandled = true;

        // Track movement to determine if interaction was a click
        self._touchMoved = false;

        // Simulate the mouseover event
        simulateMouseEvent(event, 'mouseover');

        // Simulate the mousemove event
        simulateMouseEvent(event, 'mousemove');

        // Simulate the mousedown event
        simulateMouseEvent(event, 'mousedown');
        ifProceed = false;
         timerStart=false;
        clearTimeout(time1Sec);
    }
};