hmfl

导航

 

当我们的网站引用了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()再加上这个属性来变通处理。

posted on 2015-10-20 16:14  hmflhmfl  阅读(892)  评论(0编辑  收藏  举报