반응 형 뷰포트 스위치

좋아요, 그래서 저는 부트 스트랩 프레임 워크를 사용하여 사이트를 구축하고 있습니다. 필자가 추가 한 두 가지 기능이 우수하다는 것을 알았습니다. 유일한 점은 함께 작동 할 수 있다는 것입니다. 이 http://responsiveviewport.com/반응 형 뷰포트 스위치

2) 토글 스위치 온 - -이 태블릿과 반대에 반대 할 때 데스크톱 버전을 볼 수있는 옵션을 사용자에게 제공 -

1) 뷰포트 버튼

이는 온/오프에 입력 상자를 회전 스위치 또는 무엇이든 원하는 스위치 - 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>

출처

2014-02-06 Tom Rudge

왜 함께 작동하지 않는지와 함께 사용하려고 할 때 (예 : 오류 메시지) 어떤 일이 발생하는지 자세히 알려줄 수 있습니까? 또한 컨텍스트가없는'a' 태그에 대해서도 이야기하고 있습니다. (어디에서나 부트 스트랩 스위치로 'a'가 사용되는 것을 볼 수 없습니다.) 그래서 어디에서 왔습니까? "입력에서 URL을 받아 들여야합니까?"라는 의미는 무엇입니까? 페이지를 리디렉션하거나 새로 고침 한 부분은 어디에서 발생 했나요? 문제와 관련이없는 것 같습니까? – Zhihao

Zhihao를 읽어 주셔서 감사합니다. 반응 형 뷰포트 버튼이 위의 질문에 추가되었습니다. 이 버튼을 클릭하면 "끄기"가 활성화되고 페이지가 새로 고침/다시로드됩니다. 추가 할 때 아무 일도 일어나지 않습니다. 그래서, 순서대로 스위치를 "새로 고침"나는 그것을 활성화 할 때 URL을 받아 들일 필요가있다. –

난 당신이 모바일보기를 말한다 토글 스위치를 원하는 같은데요 :

아래 링크는 뷰포트 버튼입니다 데스크톱보기? 그렇다면 event handler of Bootstrap Switch에 reView의 setMobile()/setDefault() 함수 (Docs - scroll down to Extensions)를 첨부 할 수 있습니다.

큰이 있습니다 작동하지 않는 코드, 그냥 반 의사 코드 (일이다?) 말을 나는이 문서에서 이해하는 것과

$('#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의 모습을 좋아하지만 그 때문에 환호).

출처

2014-02-06 16:09:47

반응 형 뷰포트 스위치

답변

관련 문제