输入按钮在phonegap和ionic中不起作用

Question

我正在开发一个使用php mysql作为后端的跨平台应用程序。我正在调用ajax请求登录用户在浏览器中正常工作。但是当我在phonegap和ionic上测试它时。点击按钮不起作用。当我点击登录按钮时，应用程序什么都不做。 ajax电话：

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

                $("#but_submit").click(function(){
                    var username = $("#txt_uname").val().trim();
                    var password = $("#txt_pwd").val().trim();

                    if( username != "" && password != "" ){
                        $.ajax({
                            url:'checkUser.php',
                            type:'post',
                            data:{username:username,password:password},
                            success:function(response){
                                var msg = "";
                                if(response == 1){
                                    window.location = "home.html?username="+username+"";
                                    localStorage.setItem("login", "true");
                                    localStorage.setItem("email", username);
                                }else{
                                    msg = "Invalid username and password!";
                                }
                                $("#message").html(msg);
                            }
                        });
                    }
                });

            });
        </script>

这里是html表单

<form>                    <input type="text" class="textbox" id="txt_uname" name="txt_uname" placeholder="Username" required />
                    <input type="password" class="textbox" id="txt_pwd" name="txt_pwd" placeholder="Password" required/>
                    <input type="button" style="height:40px; border:#FFFFFF solid thin;" class="btn" value="Submit" name="but_submit" id="but_submit" />
</form>

我已经在浏览器上测试了它并且它的工作正常但是在phonegap和离子上它不起作用。也允许从白名单访问外部URL。帮我解决这个问题。感谢