分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

<a>标签实现锚点跳跃,<a>标签实现href不跳跃另外加事件(ref传参)

发布时间:2023-09-06 01:16责任编辑:苏小强关键词:暂无标签

1、锚点跳跃

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>标签实现锚点跳跃,<a>标签实现href不跳跃另外加事件(ref传参)

原文地址:http://www.cnblogs.com/xuzhengzong/p/7645403.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved