OVK2015: Вот спасибо, что-то сразу не оценила эту возможность, но пришлось к ней прибегнуть.
Однако всё-равно непонятно, почему тап на "change color" не вызывает слайдер.
Повесила брейкпойнт на событие тача, jquery-1.7.2.min.js его отлавливает, вот скрин: s017.radikal.ru/i416/1603/b2/0c8f450b5519.png, однако если на десктопе клик мышью вызывает "startDialogFor: function($box) {
var $dialog = $("#dialog")" и т.д., то на планшете - тишина.
Куда дальше копать - ума не приложу...
nikfakel: При нажатии на кнопку change color меняется цвет на более светлый, но не резко. Это jquery так красивенько делает? :-)
Ну, вот, цвет меняется, и на этом всё - бокс со слайдером изменения цвета не появляется.
При нажатии на кнопку remove то же самое - цвет меняется, но удаление не происходит.
А ещё можно вопрос задать?
Если я хочу заменить слайдер на форму с полем ввода и кнопкой, то что для этого надо изменить в коде?
nikfakel: Ну, да, вместо index.html назвала при сохранении Local Storage.html, это ведь несущественно? Во всяком случае, я сейчас пересохранила в index.html, и ничего не поменялось.
Насчёт LS я немного в курсе, прогуглила этот вопрос, и разные простые примеры вроде ввода в форму-сериализацию-десериализацию-вывод в текстовое поле уже могу написать.
Сейчас перепроверила работу локального файла на смартфоне (Android 4.0.4) в Хроме - работает! До этого проверяла в html-viewer, а сейчас сообразила, что в нём, скорее всего, скрипты не работают, не зря же он вьювер.
Но на планшете с Android 4.2.1, Opera 34, Chrome 48: кнопки New, Clear работают, кнопки change color, remove - не работают, хотя и реагируют на нажатия изменением цвета.
И насчёт выложить в интернет и смотреть с устройства.
Это против всей идеи, должно работать в локали! Не зря же это storage называется local :-)
Спасибо, сделала так, как вы написали - в веб-инспекторе работает.
Но дело в том, что я испытывала демо на отключенных от интернета устройствах. Ну, чтобы Local Storage проверить в жёстких условиях :-)
Может, в этом случае оно и не должно работать?
Но я все файлы, на которые ссылается проект, расположила в папке Local Storage_files, и в index.html прописала локальные пути.
Вот так:
"script src="./Local Storage_files/jquery-1.7.2.min.js" type="text/javascript" и т.д.
Однако всё-равно непонятно, почему тап на "change color" не вызывает слайдер.
Повесила брейкпойнт на событие тача, jquery-1.7.2.min.js его отлавливает, вот скрин: s017.radikal.ru/i416/1603/b2/0c8f450b5519.png, однако если на десктопе клик мышью вызывает "startDialogFor: function($box) {
var $dialog = $("#dialog")" и т.д., то на планшете - тишина.
Куда дальше копать - ума не приложу...