0

HTML5 を表示として使用して作成された Jquery Mobile I have Login フォームを初めて使用します

<div data-role="content" class="content-min-height">
    <form name="frm_login" id="frm_login" >
        <label>Email ID</label> 
        <input 
        type="text" 
        width="40" 
        data-theme="d" 
        name="email"
        />
        <label>Password</label> 
        <input type="Password" width="50" data-theme="d" name="pwd"/>
        <p class="tekmaz-p-center padding-add">
            <input type="submit" name="btn_login" value="Login" class="btn-width-a" id="login"/>
            </p>

    </form>
    <div data-role="content" id="display"></div>
</div>

私のjavascriptファイルには

         // JavaScript Document
        $( document ).bind( "mobileinit", function() {
          // Make your jQuery Mobile framework configuration changes here!

          $.mobile.allowCrossDomainPages = true;
        });

    $(document).ready(function() {

        $("#login").click(function(){
            ajFrmLogin();
            return false;
        });
    });
    function ajFrmLogin(){

        var datas = $("#frm_login").serialize();
        //var datas = {0:"ABS",1:"pwddd"};
        $.ajax({

              url: "http://mydomain.com/core/validate.php",
              data: datas,
              cache: false,
              dataType: 'jsonp',
              jsonp: 'jsoncallback',
              timeout: 5000,
              success: function(rtdata,status){
                  $("#display").html(rtdata.email);

              }
        });
   }

このコードのパイは Android エミュレーターで動作しますが、実際の Android デバイスに配置すると、Android エミュレーターで期待どおりの結果が得られません。

これを理解するのを手伝ってください

4

1 に答える 1

0

$("#login").click(function()tryを使用する代わりに、

$('#frm_login').submit(function(){
   ajFrmLogin();
});
  • また、htmlで正しく順序付けられたjavascriptファイルを確認してください。
于 2012-08-25T20:39:06.850 に答える