jquery怎么设置a标签不可点击

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery怎么设置a标签不可点击相关的知识,希望对你有一定的参考价值。

参考技术A <a href="javascript:void(0);" id="click-me" onclick="save();">提交</a>
使a标签不能点击,可以用jQuery去除其onclick事件
$("#click-me").removeAttr("onclick");
试试吧,可以用
参考技术B 第一:js 中 return false;
第二:阻止事件冒泡;
第三:你的a不加href属性;本回答被提问者和网友采纳

jquery点击按钮图片上下滚动怎么做?

jquery点击按钮图片上/下滚动,如图。怎么做?如果是横向的,要左右滚动怎么做?

<!DOCTYPE html>
<html lange="en">
<head>
<title>点击左右按钮图片横向滚动</title>
<meta charset=utf-8" />
<style type="text/css">
* margin:0; padding:0;
body font-size:12px;
.box height:66px; float:left; width:440px; overflow: hidden; position:relative;
.box
li display:block; float:left; margin-left:5px; margin-right:5px;
width:100px;
height:70px;background:#BBB;font-size:50px;color:#ccc;line-height:66px;text-decoration:none;text-align:center;
cursor:pointer;
.box li:hover color:#999;
.box li.active background-position:-174px 0; color:#555;cursor:default;
a.prev,
a.next background:url(http://www.shengyijie.net/images/left_02.png)
no-repeat 0 0; display:block;width:23px;height:43px; float:left;
margin:15px 0 0 0; cursor:pointer;
a.next background-image:url(http://www.shengyijie.net/images/right_02.png)
.scroll_list width:10000em; position:absolute;
</style>
<!-- 引入jQuery -->
<script src="http://jt.875.cn/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
var page= 1;
var i = 4;//每版四个图片
//向右滚动
$(".next").click(function() //点击事件
var v_wrap = $(this).parents(".scroll"); // 根据当前点击的元素获取到父元素
var v_show = v_wrap.find(".scroll_list"); //找到视频展示的区域
var v_cont = v_wrap.find(".box"); //找到视频展示区域的外围区域
var v_width = v_cont.width();
var len = v_show.find("li").length; //我的视频图片个数
var page_count = Math.ceil(len/i); //只要不是整数,就往大的方向取最小的整数
if(!v_show.is(":animated"))
if(page == page_count)
v_show.animate(left:\'0px\',"slow");
page =1;
else
v_show.animate(left:\'-=\'+v_width,"slow");
page++;


);
//向左滚动
$(".prev").click(function() //点击事件
var v_wrap = $(this).parents(".scroll"); // 根据当前点击的元素获取到父元素
var v_show = v_wrap.find(".scroll_list"); //找到视频展示的区域
var v_cont = v_wrap.find(".box"); //找到视频展示区域的外围区域
var v_width = v_cont.width();
var len = v_show.find("li").length; //我的视频图片个数
var page_count = Math.ceil(len/i); //只要不是整数,就往大的方向取最小的整数
if(!v_show.is(":animated"))
if(page == 1)
v_show.animate(left:\'-=\'+ v_width*(page_count-1),"slow");
page =page_count;
else
v_show.animate(left:\'+=\'+ v_width,"slow");
page--;


);
);
</script>
</head>
<body>
<!-- 例子 -->
<div class="scroll" style="margin:0 auto;width:550px;">
<!-- "prev page" link -->
<a class="prev" href="#"></a>
<div class="box">
<div class="scroll_list">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
</ul>
</div>
</div>
<!-- "next page" link -->
<a class="next" href="#"></a>
</div>
</body>
</html>
参考技术A 这个原理和左右滚动是一样的,只是改变了方向而已。

jq的animate()方法就可以做到。先给需要滚动元素设置定位属性,这样改动这个元素的top值和bottom值就可以达到上下滚动的目的。

具体的写法请参考http://www.jquery123.com/ 的animate方法的解释。这里有很详细的参数和方法使用。

既然选择了学写程序,就一定要主动学习,而是不看着一堆参数就仍了。

加油!
参考技术B 网上搜很多的

以上是关于jquery怎么设置a标签不可点击的主要内容,如果未能解决你的问题,请参考以下文章

a标签点击跳转页面后怎么给当前点击的a标签用jquery添加一个样式

js怎么控制操作里的a标签按钮在执行判断后的某种条件下设为不可用,就是无法点击a标签按钮。

用jquery怎么实现点击显示,再一次点击隐藏

jQuery 怎么实现模拟鼠标点击效果,要点击的位置是用JS调用的,无法得到被点击标签的ID

jquery怎么引用

jquerya标签click事件禁止与启用