2012-08-08 3 views
1

나는 다음과 같은 헤더가 있습니다jQuery를 모바일로 돌아 가기 버튼 (HREF없이하지 응답) 돌아 가지 않을

<div data-theme="b" data-role="header" data-add-back-btn="true" data-back-btn-text="Back" data-position="fixed"> 
    <h3>Title</h3> 

    <a data-role="button" data-transition="fade" data-theme="c" data-rel="back" href="" data-direction="reverse" 
     data-icon="arrow-l" data-iconpos="left" class="ui-btn-left" 
    > Back </a> 

    <a data-role="button" data-transition="fade" data-theme="c" 
     href="#page2" data-icon="arrow-r" data-iconpos="right" 
     class="ui-btn-right ui-disabled" 
    > Next </a> 
</div> 

가 백 버튼을 돌아 가야하지 않습니다. "" 또는 "#"으로 설정하면 내 홈 페이지로 리디렉션됩니다. href 특성이 없으면 단추를 클릭해도 아무런 효과가 없습니다.

내가 뭘 잘못하고 있니?

감사합니다.

답변

0

의심 스럽다면 기본 사항으로 되돌립니다.

events : { 
     "click .back" : "back" 
    }, 

    back : function() { 
     window.history.back(); 
    }, 
2

data-role="header" 요소의 컨텍스트에서 작업 중이므로 뒤로 버튼을 추가하려면 data-add-back-btn="true"을 추가하는 것으로 충분합니다.

내 생각 엔 jQM이 헤더가있는 다른 뒤로 버튼을 기대하지 않으므로 적절하게 향상되지 않습니다. data-add-back-btn="true" 또는 사용자 정의 뒤로 버튼을 제거해보십시오. 둘 다 문제 일 수 있습니다.

정상적인 상황에서는 href을 설정하지 않아도되고 '#'으로 설정할 수 있습니다. data-rel="back"을 가지고있는 한 jQM이 기능을 처리해야합니다.

+0

버튼을 제거하려고했지만 작동하지 않았습니다. – Garrett

+0

어떤 버전의 jQM을 사용하고 있습니까? 'data-add-back-btn = "true"'는 v1.0.1 현재'data-role = "page"에서만 작동합니다. 또한 다른 페이지에서 페이지로 이동할 때만 표시됩니다 (다시 전환 할 항목이있는 경우). href가없는 표준 단추는 브라우저 창에서 '뒤로'를 클릭하는 것처럼 작동합니다. 사용 가능한 기록이없는 경우 버튼은 아무 것도하지 않습니다. –

+0

아, 그래서 현재의 설정으로 인해'data-add-back-btn'을 사용하고 싶지 않습니다. (Backbone을 사용하여 페이지를 몸에 동적으로 추가합니다.) 버전 1.2.0을 사용하고 있습니다. 나는 또한'data-role = "page"에 $ (page.el) .attr ('data-add-back-btn', 'true');를 시도했다. 그것은 제대로 뒤로 버튼을 만들었지 만, 어떤 이유로 그것은 항상 내 홈 페이지 ('/')로 돌아갑니다. 난 너무 혼란 스러워요! – Garrett