当我们的网站引用了jquery mobile的js后,点击页面的链接,你会发现页面无法跳转,因为jquery mobile默认是采用ajax方式来加载网站的,如果你需要跳到另一个页面,需要在a标签加上data-ajax="false"或者rel="external"。
今天又碰到在做一个表单控件时发件一个问题,
<form method="post" action="/Create" class="submitform" >
<label for="lBeginTime">开始日期:</label>
<input type="date" name="BeginTime" id="BeginTime">
<input type="submit" value="保存" onclick="checkform()" data-corners="true" style=""/>
</form>
<script type="text/javascript">
function checkform() {
$(".submitform").attr("data-ajax", "false");
}
</script>
--
由于表单提交后要跳转到另一个页面,所以必须加入了data-ajax="false"这个属性,但是加这个属性之后那个“开始日期”的input的日期选项控件又失效了,没有了jquery mobile弹出滑动选择日历的功能,想来想去,只好先在表单不加data-ajax="false"这个属性,再提交的时候通过使用checkform()再加上这个属性来变通处理。