您的位置:首页
<a>标签实现锚点跳跃,<a>标签实现href不跳跃另外加事件(ref传参)
2017-10-10 14:23
573 查看
1、锚点跳跃
HTML:
JS:
HTML:
<div class="page_title" id="maodian"> <h1>客房节日价格管理</h1> </div> <td><a ref="{$v['h_id']}" href="javascript:void(0);" class="button"><span class="trash icon"></span>编辑</a> //2、href不加跳跃,在下面js有其他事件(ajax) </td>
JS:
<script type="text/javascript"> $(function(){ $("td a").click(function(){ $(this).attr('href',"#maodian");//瞄点链接替换,非常重要 var h_id = $(this).attr("ref"); //alert(h_id); if(h_id){ //同步ajax的POST方式进行请求数据 $.ajax({ //... }); }else{ alert('请选择有效的房间id'); } }) }) </script>
相关文章推荐
- <a>标签实现链接和锚点的区别
- html的<marquee></marquee>标签实现滚动效果
- 批量处理 Html img 标签,给 img 标签包裹一个 <a href="${url}"> 标签,用来实现“查看大图”的功能
- <a></a>和<button></button>标签onclick事件嵌套传递参数
- html的<a>标签IE下绑定点击事件后也会修改href问题
- <a>标签href属性与onclick事件
- <a>标签中href和onclick传递this对象的实现方法
- <a>标签的href与onclick事件区别
- HTML中<strong>与<b>,<em>与<i>标签的区别
- <a>标签中href="javascript:;"的意思
- jsp:<c:redirect> 和<c:param> 标签
- <br>与<p>标签区别
- 如何在onclick事件中使用<c:out>标签传参
- 《Effective C#》读书笔记——条目25:用事件模式实现通知<使用C#表达设计>
- jQuery触发<a>标签的点击事件无效
- IE6下<a href="#">与<a href="javascript:void(0);">的区别
- 如何监听Element组件<el-input>标签的回车事件
- Thinkphp的<in>、<notin>和<range>标签的使用和异同
- HTML中<strong>与<b>,<em>与<i>标签的区别
- <dl><dt><dd>标签的作用