是否有可能使锚标记表现得像.submit(具有某些帖子特征?)我之所以有锚标记,是因为我不喜欢提交按钮外观并想要一个CSS按钮.
这就是我现在正在做的事情(而且它不起作用)
html文件
<div class="footer"><a href="#" id = "test_btn" class="button"><strong>Sign Up</strong></a></div> <div class="footer"><a href="#" id = "test2_btn" class="button"><strong>Sign Up</strong></a></div>
.js文件
<script type="text/javascript"> $("#test_btn").live("click",function(){ var post_data = {'account_type':"Free"} return $.post("www.someplacehere.com/user_sign_up/1/",post_data); }); $("#test2_btn").live("click",function(){ var post_data = {'account_type':"Premium"} return $.post("www.someplacehere.com/user_sign_up/1/",post_data); }); </script>
我得到了一个正确的响应,但它没有将我发送到POST数据页面只是重定向回到页面顶部(由于锚点).任何想法如何使它指向正确的位置(html页面)与POST数据预先填写在该html页面上?正如您所注意到的,它不是一个简单的.submit().
现在可能会使用隐藏字段,然后执行.submit(),但是想知道是否有更简单的方法来获取页面,因为POST可以正常完成.
谢谢!
解决方法
每个人都停止重新发明按钮.它们已经存在,它们也可以被设计.
button[type=submit] { background-color: transparent; border: none; border-bottom: solid blue 1px; color: blue; font-weight: bold; padding: 0px; cursor: pointer; }
演示在这里:http://jsfiddle.net/MZbLW/
我还应该指出,世界上的每个人都将在表格末尾寻找传统按钮,从可用性的角度来看,使它看起来完全不同可能不是最好的主意.