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 エミュレーターで期待どおりの結果が得られません。
これを理解するのを手伝ってください