#javascript #jquery #html #css #jquery-mobile
#javascript #jquery #HTML #css #jquery-мобильный
Вопрос:
Вот моя история:
Я хочу что-то вроде нового меню Facebook в левой части экрана. Это действительно здорово, и я надеюсь добавить это в свое веб-приложение, но проблема в том, что я действительно не силен в css и еще хуже в css3.
После нескольких часов поиска я обнаружил эту ссылку:
https://github.com/perezd/jquery-pageslide
Это именно то, что я хочу, это идеально. Но это не работает (пока) для мобильных устройств. При нажатии на ссылку открывается совершенно новая страница, вместо того, чтобы div перемещался в представление.
Есть идеи, как заставить это работать?
Комментарии:
1. что вы пробовали? Пример кода также был бы хорош, пожалуйста, отредактируйте свой вопрос и / или добавьте ссылку с помощью jsfiddle. net , чтобы помочь нам лучше понять, где вы застряли в процессе
2. Хорошо, извините, я сделаю это завтра. Я использовал код из ссылки на github в своем посте. Я ссылался на файлы jqeury для мобильных устройств (css и js) и привязал слайд страницы к кнопке. Когда я нажимаю на него, открывается совершенно новая страница. Пока я пишу этот комментарий, я думаю, может быть, это потому, что jquery mobile автоматически добавляет в div «data-role=»страница»? Ну, это всего лишь мысль, но я проверю ее завтра 🙂 Надеюсь, я дал вам ответ 😉 если нет, скажите, пожалуйста.
Ответ №1:
Я также хотел реализовать это новое меню в стиле FaceBook, и это то, что я придумал. Надеюсь, это поможет. Я уверен, что это можно было бы сделать лучше, но это была моя попытка.
Ответ №2:
Эта тема старая, но вот рабочее решение для мобильных устройств :
он работает на устройствах Windows Phone, iOS и Android.
Я старался максимально упростить код, его легко понять и модифицировать.
http://apptitudes.github.com/SlidingMenuJS/
Проверьте файл menu_nav.js это меньше 100 строк.
Ответ №3:
Не полностью работает, но должен указать вам правильное направление:
- http://jsfiddle.net/LwrqY/5/
- http://jsfiddle.net/LwrqY/5/embedded/result (для мобильного тестирования)
Страницы слайдов не загружают текст, но переход слайдов работает, также вам, возможно, придется настроить переход закрытия.
Надеюсь, это поможет