84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
我想用jquery的animate实现轮播头图实现翻页效果。但是当我点击a标签时,无法实现。页面地址:http://louislee0229.github.io...代码部分如下:
dom结构如下:
业精于勤,荒于嬉;行成于思,毁于随。
首先如樓上所說先阻止默認事件,把href刪除並不是阻止默認事件,還是得在js中處理還有這行var $parent = $(this).parent("p.contain")parent()是找父元素,這樣他只會找到上一層,但是p.contain是在更上層的地方,要用parents(),這是找祖先元素的方法
href
js
var $parent = $(this).parent("p.contain")
parent()
p.contain
parents()
這邊是改好的,測試過了可以運行
$("a.next").click(function(event){ //绑定click事件 event.preventDefault() // 阻止默認事件 var $parent = $(this).parents("p.contain");//根据当前点击元素获取到父元素 console.log($parent); var $v_show = $parent.find("p.product_list"); //寻找到“视频内容展示区域” console.log($v_show); var $v_content = $parent.find("p.product"); //寻找到“视频内容展示区域”外围的p元素 console.log($v_content); $v_show.animate({ left : '-977px' }, "slow"); return false; });
那个按钮是a标签吧,建议你先阻止一下a的默认事件。
a有默认事件,a标签写成
首先如樓上所說先阻止默認事件,把
href
刪除並不是阻止默認事件,還是得在js
中處理還有這行
var $parent = $(this).parent("p.contain")
parent()
是找父元素,這樣他只會找到上一層,但是p.contain
是在更上層的地方,要用parents()
,這是找祖先元素的方法這邊是改好的,測試過了可以運行
那个按钮是a标签吧,建议你先阻止一下a的默认事件。
a有默认事件,a标签写成