Nano Hash - криптовалюты, майнинг, программирование

Ползунок jQuery UI Поддержка Touch & Drag / Drop на мобильных устройствах

Я уже разработал и внедрил слайдер jQuery UI в проект. Несмотря на то, что ползунок отзывчивый, он не реагирует на прикосновения и перетаскивание. Вместо этого вам нужно коснуться того места, куда вы хотите переместить ползунок. Я бы хотел избежать перехода на мобильный пользовательский интерфейс jQuery, который поддерживает касание и перетаскивание, поскольку мы уже широко используем пользовательский интерфейс jQuery (немобильный).

Нужная нам функциональность: Здесь
Что мы используем: Здесь

На настольном компьютере вы не заметите разницы. На мобильном устройстве это очевидно.

Кто-нибудь знает, как добавить эту поддержку в пользовательский интерфейс jquery?

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

Ответы:


1

jQuery ui не поддерживает сенсорное управление. Вы должны использовать его с jQuery-ui Touch Punch.

Просто добавьте скрипт после 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>

Вы также можете использовать cdnjs:

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

Примечание. Лучше поставьте этому репо звезду на Github. .

10.12.2012
  • Это спасает мне день! 17.03.2016
  • Большое спасибо! Это действительно спасает мне день !! 10.05.2016
  • Да, он также исправил ошибку, из-за которой ползунок не выбирал правильные значения. 01.11.2016
  • работает как шарм с rails5 устройствами android и ios 16.01.2017
  • отлично .. работает плавно .. :) Одно наблюдение заключается в том, что в устройствах iOS, когда мы перемещаем ползунок, он не скользит, когда мы касаемся его, но когда мы отпускаем касание, он скользит в этой точке. есть идеи, почему это происходит? у вас есть какое-нибудь решение для этого? 13.04.2020

    • 2

    Вы можете просто связать этот js.

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

    Благодарю.

    14.08.2017

    3

    если вы работаете в Wordpress, вы можете использовать этот код в functions.php:

    add_action( 'wp_head', function () {

    // jquery.ui.touch-punch
    wp_enqueue_script( 'jquery.ui.touch-punch', '//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js', [], '0.2.3',false );

}, 999 );
    11.07.2021
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..