最近運用jQuery mobile框架做了一個小專案，針對遇到的幾個問題做一下總結。

一、在頁面跳轉過程中（即從page1 => page2），此時，page2 的js效果失效，無法實現動態效果，重新整理page2 頁面後，才可以實現。

解決：在index頁面中，註冊所有需要使用到的外部JS檔案，或者使用母版頁面來統一；將頁面內部JS寫在data-role="page"標籤下，這樣無論頁面怎樣跳轉，均可以執行。

二、在頁面跳轉過程中，由於每個單獨頁面引用的css檔案不同，會導致樣式衝突。

解決：這是因為jQuery mobile裡面頁面跳轉預設都是通過ajax請求的。如果是通過a標籤的href屬性實現跳轉，可以在a標籤里加上  data-ajax=“false”  ，來避免樣式的衝突。

三、在jQuery mobile的手機端頁面中，form表單下的label 和 input 不能在同一行顯示。

解決：可以在form下加一個 table，運用table的 tr td進行佈局，

<form action="">
            <table>
                <tr>
                    <td><label for="unumber">工      號:</label></td>
                    <td><input type="text" name="unumber" id="unumber" placeholder="請輸入工號"/></td>
                </tr>
                <tr>
                    <td><label for="upwd1">原始密碼:</label></td>
                    <td><input type="text" name="upwd1" id="upwd1" placeholder="請輸入原始密碼"/></td>
                </tr>
                <tr>
                    <td><label for="upwd2">新  密 碼:</label></td>
                    <td><input type="text" name="upwd2" id="upwd2" placeholder="請輸入新密碼"/></td>
                </tr>
                <tr>
                    <td><label for="checkPwd">確認密碼:</label></td>
                    <td><input type="text" name="checkPwd" id="checkPwd" placeholder="請再次輸入新密碼"/></td>
                </tr>
            </table>
            <br/>
            <a href="../login.html" data-ajax='false' class="ui-btn ui-corner-all jump">確 定</a>
        </form>
 

以上，是現階段的小結，後續有新問題再更。。。