2013-04-12 168 views
0

<form>标记内的jQuery Mobile type="submit"type="button"(UI)不起作用。同样的东西取代type="text"或除了type="button"type="submit"完美的作品。jQuery Mobile type =“button”or type =“submit”not working(UI)

的代码是

<head> 
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="bootstrap/js/bootstrap.js"></script> 
<script type="text/javascript" charset="utf-8" src="bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/twitter.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script> 

<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> 
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" /> 

</head> 
<body> 

<div data-role="page"> 
    <div data-role="header"><h4>Pay</h4></div> 

    <div data-role="content"> 
    <h4>You are about to Pay Nrs <span id="paymentAmount"></span> for <span id="trees"></span> Trees.</h4> 

    <form id="paymentForm"> 
       <div data-role="fieldcontain"> 
         <input value="100"  name="amt" type="hidden"> 
       </div> 
       <div> 
         <input value="Pay" type="button" name="payBtn"/> 
       </div> 
    </form> 
    </div> 
</div> 

JQM typeButton

上jsfidlle相同的代码(没有我的剧本和链路进口)显示为

enter image description here

+0

你怎么知道它不工作?你期望会发生什么?你的数据没有提交? – Gajotres

+0

我在谈论UI。看第一个截图。 UI未在本地服务器上加载。 – prayagupd

+0

提交后UI未加载?在你的例子中,我不明白的是你是否尝试使用jQuery Mobile表单提交方式(因为我无法在表单中看到动作和模式)或者经典表单提交? – Gajotres

回答

1

jQuery的版本是造成你问题。

你应该切换到jQuery 1.9.1和一切都应该工作得很好。

相关问题