Отзывчивый переключатель видового экрана

Question

Хорошо, поэтому я строю сайт с использованием рамки Bootstrap. Я нашел две отличные функциональные возможности, которые я добавил - единственное, что было бы здорово, они могли бы работать вместе.

кнопка 1) Viewport - это дает пользователю возможность увидеть настольной версии, когда на планшете, и наоборот - это произошло из http://responsiveviewport.com/

2) тумблер - это превращает поля ввода в вкл/выкл выключатель или любой другой переключатель, который вы хотите - http://www.bootstrap-switch.org/

У меня было желание объединить два, но мои навыки Jquery по-прежнему больше относятся к любительскому уровню. Проблема была в том, что отзывчивая кнопка - это a href, а не поле ввода. Мне кажется, что вход должен принимать URL-адрес для перенаправления на страницу или обновления.

Можно ли это сделать? Было бы очень немного функциональности для всех.

ссылке ниже кнопка окна просмотра:

  <a class='reView pull-left visible-xs visible-sm navbar-toggle' data-defaultText='Mobile View' data-coreText='Desktop View' href='index.html'>Desktop View</a> 

Answer 1

Я предполагаю, что вы хотите переключатель, который говорит Мобильный вид | Просмотр рабочего стола? Если бы вы могли подключить функции setMobile()/setDefault() (Docs - scroll down to Extensions) reView к event handler of Bootstrap Switch.

Большой мигающий неоновый знак здесь, чтобы сказать, что это не работает код, только некоторые полу псевдокод (что вещь?)

$('#switch-change').on('switch-change', function (e, data) { 
    //interrogate the switch to work out what position it has been switched to 
    //if mobile 
    reView.setMobile(); 
}); 

Из того, что я понимаю из документации, вы должны быть в состоянии использовать это, чтобы изменить страницу на «Мобильный» вид на событие изменения коммутатора, без использования <a>.

Это означает, что вы, вероятно, придется реализовать свой собственный код обработки на нагрузке, чтобы установить переключатель в нужное положение, в первую очередь (скорее всего, с помощью reView.mode;)

Это обоснованное предположение в любом случае, я не использовал либо из них раньше (хотя мне больше нравятся взгляды Bootstrap Switch, поэтому они приветствуют это).