亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請問jquery的輪播頭圖翻頁效果無法實現,是什么問題?

請問jquery的輪播頭圖翻頁效果無法實現,是什么問題?

一只甜甜圈 2018-08-13 06:11:34
我想用jquery的animate實現輪播頭圖實現翻頁效果。但是當我點擊a標簽時,無法實現。頁面地址:http://louislee0229.github.io...代碼部分如下:dom結構如下:
查看完整描述

1 回答

?
拉莫斯之舞

TA貢獻1820條經驗 獲得超10個贊

首先如樓上所說先阻止默認事件,把 href 刪除並不是阻止默認事件,還是得在 js 中處理
還有這行 var $parent = $(this).parent("div.contain")
parent() 是找父元素,這樣他只會找到上一層,但是 div.contain 是在更上層的地方,要用 parents(),這是找祖先元素的方法

這邊是改好的,測試過了可以運行

$("a.next").click(function(event){ //綁定click事件
    event.preventDefault() // 阻止默認事件
    var $parent = $(this).parents("div.contain");//根據當前點擊元素獲取到父元素
    console.log($parent);    var $v_show = $parent.find("div.product_list"); //尋找到“視頻內容展示區域”
    console.log($v_show);    var $v_content = $parent.find("div.product"); //尋找到“視頻內容展示區域”外圍的DIV元素
    console.log($v_content);
    $v_show.animate({ left : '-977px' }, "slow");    return false;
});


查看完整回答
反對 回復 2018-09-25
  • 1 回答
  • 0 關注
  • 696 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號