是否有可能使锚标记表现得像.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/
我还应该指出,世界上的每个人都将在表格末尾寻找传统按钮,从可用性的角度来看,使它看起来完全不同可能不是最好的主意.