爲什麼這個JQuery不能轉換？

http://jsfiddle.net/kCMvt/爲什麼這個JQuery不能轉換？

嘿大家。我爲手機制作了這個jQuery頁面，但是轉換隻是不正確，我認爲我已經做好了一切準備。我幾乎查看了另一個示例中的代碼並使用了相同的代碼，但不確定它爲什麼不轉換。有很多CSS，因爲我從jQuery主題滾輪獲得了這個，所以這就是爲什麼它有點過分。我並沒有太多的jQuery專家來做我自己的東西，但我無法想象它實際上是複雜的來想到它。

此HTML不過渡：

<!DOCTYPE html> 

<html> 

    <head> 

     <meta charset="utf-8"> 

     <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <title>jQuery Mobile: Theme Download</title> 

     <link rel="stylesheet" href="themes/test1.min.css" /> 

     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" /> 

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

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

    </head> 

    <body> 

     <div data-role="page" data-theme="a"> 

      <div data-role="header" data-position="inline"> 

      <div> 

       <h1 style="font-size:16px;text-align:center;">Random Question</h1> 

       </div> 

      </div> 

      <fieldset data-role="controlgroup"> 



       <input type="radio" name="radiochoice" id="radio-choice-1" value="choice-1" checked="checked" /> 

       <a href="#page2"><label for="radio-choice-1">Yes</label></a> 



       <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" /> 

       <a href="#page2"><label for="radio-choice-2">No</label></a> 

      </fieldset> 

      <div data-role="content" data-theme="a"> 

       <p style="text-align:center;font-weight:bold;color:#003366;">blablablab bla</p> 

      </div><!-- end content --> 







      <div data-role="footer"> 

      <h4>cool footer</h4> 



     </div><!-- end page --> 



<!-- start of 2nd page --> 

<div data-role="page" id="page2"> 



<div data-role="header"> 

    <h1>Thanks For Your Opinion!</h1> 

</div><!-- end header --> 



<div data-role="content"> 

    <p>Page Content</p> 

</div> 



<div data-role="footer"> 

    <h4>Copyright</h4> 

    </div><!-- end footer --> 

</div><!-- end page --> 



    </body> 

</html>

來源

2012-08-01 king

您發佈的小提琴中沒有劇本 – Andre 2012-08-01 01:44:01

確定嗎？它爲我工作... – king 2012-08-01 01:48:52

請確保你點擊jsfiddle上的更新按鈕來保存你最近的。 – DigTheDoug 2012-08-01 01:53:57

對於初學者來說，你缺少第一個腳註（或頁面）結束標記：

<div data-role="footer"> 
     <h4>cool footer</h4> 
    </div> 
    </div><!-- end page -->

然後，你可以換整輸入，而不僅僅是標籤，在一個鏈接：

<a href="#page2"> 
     <input type="radio" name="radiochoice" id="radio-choice-1" value="choice-1" checked="checked" /> 
     <label for="radio-choice-1">Yes</label> 
    </a> 
    <a href="#page2"> 
     <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" /> 
     <label for="radio-choice-2">No</label> 
    </a>

Here is a working jsFiddle

另外，你應該考慮發佈更好的格式化代碼。適當的縮進可以使丟失的標籤更容易被識別出來，並且當你的代碼被格式化時，它會讓那些試圖閱讀代碼的人變得更加困難。

來源

2012-08-01 02:28:46 Joe

爲什麼這個JQuery不能轉換？

回答

相關問題