0

http://jsfiddle.net/kCMvt/

嘿大家。我为手机制作了这个 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>​
4

1 回答 1

0

对于初学者,您缺少第一个页脚(或页面)的结束标记:

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

这是一个工作的jsFiddle

此外,您应该考虑发布格式更佳的代码。适当的缩进会使丢失的标签更容易被发现,而且当你的代码格式化时,你会让那些试图阅读你的代码的人更加困难。

于 2012-08-01T02:28:46.247 回答