2011-05-01 2 views
1

jQuery Mobile을 실험 중이며 Windows Phone 7 브라우저에서 문제가 발생했습니다.jQuery Mobile 페이지에 단추를 추가하면 Windows Phone 7에서 빈 페이지가 표시됩니다.

페이지에 버튼을 추가 할 때마다 <input type='button'> 또는 <button> 중 하나를 선택하면 전체 페이지가 WP7 IE에서 렌더링되지 않습니다.

IE7 (IETester 사용)에서 같은 페이지를 볼 때 "개체가이 속성 또는 메서드를 지원하지 않습니다"라는 오류 메시지가 17 번 째 줄 45703과 페이지가 렌더링되지 않습니다. 나는 페이지가 제대로 렌더링 <input type="submit" ... 것을 제거하면

<!DOCTYPE html> 
<html> 
<head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" /><link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> 

    <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> 

    <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> 

    <title> 
    iplan 
</title></head> 
<body> 
    <div data-role="page" data-theme="b"> 

    <div data-role="header"> 
     <h1> 
      mobile login</h1> 
    </div> 
    <div data-role="content"> 
    ello 
     <form name="aspnetForm" method="post" action="default.aspx" id="aspnetForm"> 
<div> 
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTIzNjAxMDE2M2Rk5Yr3L4N9Yyh0TZrUHAh3ZX6rJck=" /> 
</div> 

     <label for="ctl00_ContentPlaceHolder1_txtUsername" id="ctl00_ContentPlaceHolder1_lblUsername">Username</label> 
     <input name="ctl00$ContentPlaceHolder1$txtUsername" type="text" id="ctl00_ContentPlaceHolder1_txtUsername" /> 
     <br /> 
     <label for="ctl00_ContentPlaceHolder1_txtPassword" id="ctl00_ContentPlaceHolder1_Label1">Password</label> 
     <input name="ctl00$ContentPlaceHolder1$txtPassword" type="password" id="ctl00_ContentPlaceHolder1_txtPassword" /> 
     <br /> 

     <input type="submit" name="ctl00$ContentPlaceHolder1$btnLogin" value="Login" id="ctl00_ContentPlaceHolder1_btnLogin" /> 

     <span id="ctl00_ContentPlaceHolder1_Label2">Boo</span> 
     </form> 
    </div> 

     <div data-role="footer"> 
      &copy; 2011</div> 
    </div> 
</body> 
</html> 

:

은 여기 내 페이지에 대해 생성 년대 HTML입니다.

아이디어가 있으십니까?

+0

IE7을 사용하면서 IE8과 동일한 결과를 얻었습니다. JS 오류는 http://stackoverflow.com/questions/5023674/jquery에서 솔루션을 사용하여 제거 할 수 있습니다. (마지막으로 try-finally에 빈 캐치를 추가했습니다.)하지만이 버튼 만 누르면 오류가있는 빈 페이지가 표시됩니다. 포함되어 있습니다. – splonk

+1

지금 당장 똑같은 문제가 있습니다. 제 생각에는 버튼이 jquery mobile에 의해 재구성 된 CSS 문제입니다. 그리고 그 순간에 빈 페이지가 나타납니다. 놀랍게도 이것은 jquery 모바일 데모 페이지에서 발생하지 않습니다 ... 유일한 방법은 data-role = "none"을 단추 또는 입력 요소에 추가하는 것입니다. – Alex

+0

정보 주셔서 감사합니다. "data-role = 'none'"실제로 페이지를 표시하지만 버튼의 기능을 제거합니다. 나는 단지 라고 생각한다. – DavidGouge

답변

0

나는 동일한 문제가있었습니다. 밖으로 나왔다 jQuery의 최신 버전을 사용했다. 가장 최근 버전을 사용하여 문제를 해결했습니다.