jquery ui可拖动手机版

Posted

技术标签:

【中文标题】jquery ui可拖动手机版【英文标题】:Jquery ui draggable mobile version 【发布时间】:2017-03-07 03:04:40 【问题描述】:

我的 jquery ui 滑块有问题。我加了

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

$(".ui-slider-handle").draggable(
            axis: "x",
            containment: "parent"
        );

一切正常,但数值不显示。

【问题讨论】:

【参考方案1】:

问题已解决

  $('#slider1').slider().slider('pips').draggable(
            axis: "x",
            containment: "parent"
        ).slider('float',
            suffix: " RON"
        );

    $('#slider2').slider().slider('pips').draggable(
        axis: "x",
        containment: "parent"
    ).slider('float',
        suffix: " zile"
    );

【讨论】:

以上是关于jquery ui可拖动手机版的主要内容,如果未能解决你的问题,请参考以下文章

JQuery UI Draggable 使用较新的 JQuery 3.3 失败(使用 JQuery UI Touch Punch)

JQuery-UI 可拖动项变为不可拖动

jQuery-UI 可拖动和可放置项目变为不可拖动

手机版 div拖动

jquery UI 可拖动助手:克隆从原始中删除可拖动?

动态创建jquery-ui可拖动句柄