使用選項(xiàng)卡插件可以將<ul>中的<li>選項(xiàng)定義為選項(xiàng)標(biāo)題，在標(biāo)題中，再使用<a>元素的“href”屬性設(shè)置選項(xiàng)標(biāo)題對(duì)應(yīng)的內(nèi)容，它的調(diào)用格式如下：
$(selector).tabs({options});
selector參數(shù)為選項(xiàng)卡整體外圍元素，該元素包含選項(xiàng)卡標(biāo)題與內(nèi)容，options參數(shù)為tabs()方法的配置對(duì)象，通過該對(duì)象還能以ajax方式加載選項(xiàng)卡的內(nèi)容。
例如，在頁面中，添加選項(xiàng)卡的標(biāo)題和內(nèi)容元素，并綁定tabs插件，當(dāng)點(diǎn)擊標(biāo)題時(shí)，以選項(xiàng)卡的方式切內(nèi)容，如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，在tabs()方法的配置對(duì)象中，通過“fx”屬性設(shè)置了選項(xiàng)卡切換時(shí)的效果，“event”屬性設(shè)置鼠標(biāo)也可以切換選項(xiàng)卡，因此，當(dāng)鼠標(biāo)在移動(dòng)至兩個(gè)選項(xiàng)卡標(biāo)題時(shí)，對(duì)應(yīng)內(nèi)容以動(dòng)畫的效果自動(dòng)切換。
我來試試，親自調(diào)用tabs()方法綁定選項(xiàng)卡元素，并自定義顯示內(nèi)容
在下列代碼的第37行，調(diào)用tabs()方法自定義加載顯示的內(nèi)容。
tabs()方法.請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)