2012-01-04 5 views
1

jQueryモバイルフレームワークを使用してphonegapでアプリケーションを作成しています。ボタンに別のhtmlファイルをロードする方法jquery mobileをクリックする

私のindex.htmlファイルには、ユーザー名とパスワードを受け入れる2つのテキストボックスがあります。

私はそれがユーザ名とパスワードが正しいかではなく、それが正しいならば、それは私が `selectOption.html」を作成した新しいHTMLファイルをロードする必要があるかどうかをチェックする機能submitBtn()を呼び出し、送信ボタンをクリックしてください

がここに私のコードです

<script type="text/javascript"> 
    $(document).ready(function() { 
     var userName; 
     var userPassword; 

     $("#submitBtn").click(function() { 
      //alert("HI");  
      userName = $("#UserName").val(); 
      userPassword = $("#Password").val(); 

      if ((!UserName)|| (!userPassword)) { 
       alert("Enter the Details"); 
      } 
      else { 
       if ((userName !="alpha") ||(userPassword !="beta")) { 
        alert('Enter correct username and password'); 
       } 
       else { 
        //here i want to load my selectOption.html file ? 
       }    
      }         
     });       
    }); 
</script> 

<body>下の私のコードは

<body> 
    <div data-role="page" id="home">   
     <div data-role="header">    
      <h1>Enter Credential</h1>      
     </div> 

     <div data-role="content"> 
      <label for="UserName">User Name</label> 
      <input type="text" name="UserName" id="UserName" value="" style="width:220px;" /> 

      <label for="Password">Password</label> 
      <input type="password" name="Password" id="Password" value="" style="width:220px;" /> 

      <div id="submitBtn" data-role="button">Submit</div> 
     </div> 
    </div> 
</body> 

機能がGeでありますttingが呼び出されましたが、selectOption.htmlファイルをロードするにはどうすればよいですか?

+0

を行うことができます任意のページをロードすることが判明別のファイルに "? – CedX

答えて

0

私は答え

は、あなたが "別のファイルを読み込む" と言うときあなたは単にあなたがリダイレクト」を意味しない、

$.mobile.changePage("yourHTML.html","slideup");

関連する問題