Question

我在我的网站上尝试这个

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>

我需要改变什么才能使其正常工作？

Answer 1

我认为您必须将按钮更改为依赖于上下文。并且必须具有2个属性＆＃39; href＆＃39;和＆＃39; data-ftrans＆＃39;。它将在上下文中运行函数slideTo（href，effect，pushstate）。

href：一个html页面
data-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>

表单按钮上的页面转换？

1 个答案: