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);
                              }
                        });