android - jQuery draggable() 元素直到第二次点击后才开始（仅限双击），有什么解释吗？

Question

我有一个可拖动的元素，它响应要在滑块上拖动的点击/触摸事件。它在 iOS 设备上运行良好。但在 Android 上，它只有在我第二次点击滑块图标时才有效！我需要它从第一次点击开始工作。

我已经在使用 JQuery Touch Punch 插件了。这是我的代码

$(".slider").draggable({
                    axis: "x",
                    containment: "parent"
                },
                        {
                            start: function () {
                                console.log("dragging started");
                            },
                            stop: function () {

                                sliderPos = $(".slider").css("left");
                                sliderPos = Number(sliderPos.replace("px", ""));

                                sizer = (Math.round((sliderPos / newSliderWidth) * 10) + 10) * 2;
                                $('.reader_text_container, .surah_title_item').css("font-size", sizer + "px");
                                saves.SetItem("font-size", sizer);
                                var thisHeight = $('.reader_title_top_bar_heading').outerHeight() + 'px';
                                $('.reader_text_bookmark').css("top", thisHeight);
                              }
                        });