jQuery 모바일 격자가 예상대로 작동하지 않습니다.

jQuery 모바일 격자를 테스트하는 간단한 페이지를 만들었습니다. 방금 복사했거나 jQuery Mobile demo website의 모든 내용을 붙여 넣었지만 아무 것도 작동하지 않는 것 같습니다.jQuery 모바일 격자가 예상대로 작동하지 않습니다.

블록이 올바르게 정렬되지 않습니다 (as you can see from this test page i've made). (마술) 당신이 그들을 정렬 볼 경우, this is a screenshot of what i see.

정말 나를 미치게 만드는 것은 the same exact code works in jsfiddle !!!

<div class="ui-grid-a"> 
     <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:60px">Block A</div></div> 
     <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:60px">Block B</div></div> 
</div><!-- /grid-a -->

어떤 아이디어가 있습니까?

출처

2014-11-12 Alberto Fontana

' 이'문제를 일으키는 찾을 수 있습니다. – Omar

그래, 나는 그저 깨달았다! 하지만 왜? 내 생애에서 일어난 일이나 일어난 일은 내가 들여 쓰고 코드를 깨끗하게 유지하는 데 사용하는 "TAB"문자가 다음과 같이 렌더링된다는 것입니다. 왜 또는 어떻게 수정해야하는지 알고 있습니까? –

아마도 탭없이 사용해보십시오. 당신이 당신의 코드를 아름답게하고 싶다면, 몇몇 온라인 코드 미화를 사용하십시오. http://ctrlq.org/beautifier/ – Omar

문제점을 발견했습니다.

the examples on the jQuery Mobile website에는 공백이 사용되며 브라우저에서는  으로 변환되어 마지막 블록이 아래로 이동합니다. 따라서, 그들의 웹 사이트에서 복사 및 붙여 넣기 하여이 문제가있어.

매우 까다로운

는

출처

2014-11-12 13:54:22

jQuery 모바일 격자가 예상대로 작동하지 않습니다.

답변

관련 문제