jquery - angularjs如何做出導(dǎo)航效果?
問題描述
angularjs的知識不是很深,英文也不會,所以沒有啥中文API文檔可以查閱。目前遇見了一些問題。想用angularjs代替jQuery來實現(xiàn)一些常用的效果,但是發(fā)現(xiàn)不是思路不清楚就是自己不會。目前小弟有3個問題想詢問。
1,angularjs如何做出jQuery那么簡單的導(dǎo)航效果?`$('.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的人一定都知道是一個導(dǎo)航效果,點擊后,給上一個class,其他同級的標(biāo)簽去掉這個class,點擊的那個如果自己帶有class的話也會取消。這個angularjs該怎么實現(xiàn)呢?`
angularjs的知識不是很深,英文也不會,所以沒有啥中文API文檔可以查閱。目前遇見了一些問題。想用angularjs代替jQuery來實現(xiàn)一些常用的效果,但是發(fā)現(xiàn)不是思路不清楚就是自己不會。目前小弟有3個問題想詢問。
1,angularjs如何做出jQuery那么簡單的導(dǎo)航效果?$('.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’); } })
復(fù)制代碼這個代碼懂jQuery的人一定都知道是一個導(dǎo)航效果,點擊后,給上一個class,其他同級的標(biāo)簽去掉這個class,點擊的那個如果自己帶有class的話也會取消。這個angularjs該怎么實現(xiàn)呢?
2,angularjs目前有沒中文文檔?小弟英文爛的離譜。。
3,基于第一個問題,我用ng-repeat動態(tài)的循環(huán)出一個導(dǎo)航后,發(fā)現(xiàn)我原來的jQuery點擊事件失效了,ng-repeat會阻止jQuery的事件嗎?應(yīng)該不可能吧?代碼截圖了。大概問題是,如果我是靜態(tài)的標(biāo)簽jQuery的事件就會生效,一旦我用ng-repeat動態(tài)循環(huán)出來后,我發(fā)現(xiàn)jQuery就失效了。。
問題解答
回答1:去https://github.com/angular/angular.js下一份angular的代碼。代碼里面雖然也是英文,但是有例子,對于深入學(xué)習(xí)很有幫助。
相關(guān)文章:
1. css3 - css before 中文亂碼?2. Mysql && Redis 并發(fā)問題3. mysql - 一個表和多個表是多對多的關(guān)系,該怎么設(shè)計4. css - 求推薦幾款好用的移動端頁面布局調(diào)試工具呢?5. mysql新建字段時 timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 報錯6. javascript - 百度echarts series數(shù)據(jù)更新問題7. javascript - node服務(wù)端渲染的困惑8. php - 第三方支付平臺在很短時間內(nèi)多次異步通知,訂單多次確認(rèn)收款9. html5 - h5寫的app用的webview,用手機瀏覽器打開不顯示?10. javascript - webpack --hot 熱重載無效的問題
