您的位置:首頁技術文章
文章詳情頁

jquery - angularjs如何做出導航效果?

瀏覽:148日期:2024-10-06 13:11:07

問題描述

angularjs的知識不是很深,英文也不會,所以沒有啥中文API文檔可以查閱。目前遇見了一些問題。想用angularjs代替jQuery來實現一些常用的效果,但是發現不是思路不清楚就是自己不會。目前小弟有3個問題想詢問。

1,angularjs如何做出jQuery那么簡單的導航效果?`$('.buy_color_btn>a,.buy_size_btn>a').click(function(e){

if($(e.target).hasClass('actives')){$(e.target).removeClass('actives'); }else{$(e.target).addClass(’actives’).siblings(’.actives’).removeClass(’actives’); }})

這個代碼懂jQuery的人一定都知道是一個導航效果,點擊后,給上一個class,其他同級的標簽去掉這個class,點擊的那個如果自己帶有class的話也會取消。這個angularjs該怎么實現呢?`

angularjs的知識不是很深,英文也不會,所以沒有啥中文API文檔可以查閱。目前遇見了一些問題。想用angularjs代替jQuery來實現一些常用的效果,但是發現不是思路不清楚就是自己不會。目前小弟有3個問題想詢問。

1,angularjs如何做出jQuery那么簡單的導航效果?$('.buy_color_btn>a,.buy_size_btn>a').click(function(e){ if($(e.target).hasClass('actives')){

$(e.target).removeClass('actives');

}else{

$(e.target).addClass(’actives’).siblings(’.actives’).removeClass(’actives’); } })

復制代碼這個代碼懂jQuery的人一定都知道是一個導航效果,點擊后,給上一個class,其他同級的標簽去掉這個class,點擊的那個如果自己帶有class的話也會取消。這個angularjs該怎么實現呢?

2,angularjs目前有沒中文文檔?小弟英文爛的離譜。。

3,基于第一個問題,我用ng-repeat動態的循環出一個導航后,發現我原來的jQuery點擊事件失效了,ng-repeat會阻止jQuery的事件嗎?應該不可能吧?代碼截圖了。大概問題是,如果我是靜態的標簽jQuery的事件就會生效,一旦我用ng-repeat動態循環出來后,我發現jQuery就失效了。。jquery - angularjs如何做出導航效果?

jquery - angularjs如何做出導航效果?

問題解答

回答1:

去https://github.com/angular/angular.js下一份angular的代碼。代碼里面雖然也是英文,但是有例子,對于深入學習很有幫助。

相關文章:
国产综合久久一区二区三区