Вот базовая страница, которая описывает мою проблему:
<!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>My Title</h1> </div><!-- /header --> <div data-role="content"> <div id="stufflist"> <div><input type="range" min="0" max="10" value="4"/></div> </div> </div><!-- /content --> </div><!-- /page --> </body> </html>
Если вы добавите это куда-нибудь в файл и откроете его в веб-браузере, вы увидите, что jquery mobile инициализировал слайдер, какдолжно.Но его нельзя перетащить.
Что я делаю не так?
Спасибо
jQuery Mobile 1.0.1 официально не поддерживает использование с jQuery 1.7.1, как это иногда предлагается в других публикациях. Проверьте jqm область загрузки и соблюдайте рекомендуемое использование.
Чтобы получить лучший ответ от мобильной команды jquery, прочтите это сообщение на форуме . Должно поддерживаться в jqm 1.1.
Надеюсь, это поможет!