表单按钮上的页面转换

Page transition on form button?

本文关键字：转换 按钮 表单      更新时间：2023-09-26

我正在我的网站上尝试这个

http://www.fasw.ws/demos/transitions1/slide1.html

一切都很好，但当我将数据ftrans="slide"添加到表单按钮时，情况就不一样了。

示例：

<form action"http://google.com"> <button data-ftrans="slide" type="submit" style="height:50px; font-size:20px;">Submit</button>

我需要更改什么才能使其工作？

我认为您必须根据上下文将按钮更改为。并且必须具有两个属性"href"answers"data ftrans"。它将在上下文中运行函数slideTo（href，effect，pushstate）。

  • href:一个html页面
  • 数据ftrans:转换类型

也许，你想提交然后更改到另一个页面（但不提交页面）

     <form action="your server script" method="post">
    <button click="ajax_submit"></button>
     <a href="next page link" data-ftrans="type of transition" style="visibility:false">Hide</a>
   </form>
   <script>
   function ajax_submit(){
    //do some ajax code

    //when success
    //a.click();
 }
    </script>
相关文章：