鍍金池/ 問(wèn)答/HTML/ js tab切換綁定事件

js tab切換綁定事件

jquery，tab切換幾個(gè)不同的頁(yè)面，每個(gè)頁(yè)面上的元素有些是相同的，有些是不同的，切換到某個(gè)頁(yè)面時(shí)，其他頁(yè)面display:none。
現(xiàn)在的問(wèn)題是，每個(gè)頁(yè)面的元素都有一些相同或不同的綁定事件。
不想同時(shí)綁定所有頁(yè)面的事件，那樣代碼會(huì)很亂。
每個(gè)頁(yè)面分別綁定的話，不想每次切換都移除事件再綁定事件，感覺(jué)這樣操作有點(diǎn)多。
求問(wèn)還有什么更好的思路嗎？
（因?yàn)橐嫒輎e8，所以這里只考慮jq）

回答
編輯回答
無(wú)標(biāo)題

你可以根據(jù)這些頁(yè)面共有的class來(lái)獲取當(dāng)前點(diǎn)擊的頁(yè)面的id

$(".commonClass").on("click",function(){
    var id ="'#"+$(this).attr("id")+"'";
    //默認(rèn)全部頁(yè)面display:none
    $(id).CSS({display:"block"});
})
2017年1月24日 16:18
編輯回答
影魅

使用事件代理

2018年3月13日 11:39
編輯回答
幼梔

切換的時(shí)候檢查要顯示的頁(yè)面是否已經(jīng)綁定過(guò)
如果未綁定，那么就執(zhí)行綁定，并做標(biāo)記（.data或者.attr之類的）

2017年2月12日 13:24