將按鈕添加到jQuery Mobile頁面顯示Windows Phone 7上的空白頁面

我正在試驗jQuery Mobile，並在我的Windows Phone 7瀏覽器中遇到問題。將按鈕添加到jQuery Mobile頁面顯示Windows Phone 7上的空白頁面

每當我向頁面添加按鈕<input type='button'>或<button>時，整個頁面都不會在WP7 IE中呈現。

當我在IE7中查看同一頁面（使用IETester）時，我得到一個腳本錯誤「對象不支持此屬性或方法」第17行字符45703，然後頁面不呈現。

下面是對我的網頁生成的HTML：

<!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>

當我刪除<input type="submit" ...頁面呈現正確。

任何想法？

來源

2011-05-01 DavidGouge

玩過這個，在IE8中得到和IE7一樣的結果。 JS錯誤可以通過使用http://stackoverflow.com/questions/5023674/jquery（我添加空catch到最後嘗試）的解決方案來消除，但這只是讓我到顯示一個無錯誤的空白頁時按鈕已經包括了。 – splonk 2011-05-02 13:56:45

我現在有完全相同的問題。我認爲這是一個CSS問題 - 該按鈕是由jquery mobile重建的，只要發生這種情況，我們會得到一個空白頁面。令人驚訝的是，這不會發生在jQuery的移動演示頁面... 唯一的解決辦法是添加data-role =「none」到按鈕或輸入元素。 – Alex 2011-05-02 16:41:10

感謝您的信息。「data-role ='none'」確實會顯示頁面，但會刪除按鈕的功能。看起來我會堅持我認爲的。 – DavidGouge 2011-05-03 08:41:53

我有同樣的問題。原來我使用的是過時的jQuery版本。使用最新版本解決了此問題。

來源

2011-12-27 11:09:31

將按鈕添加到jQuery Mobile頁面顯示Windows Phone 7上的空白頁面

回答

相關問題