jQuery Mobile中的rel屬性是什么意思？

rel意為“related”，相當(dāng)于html中的rel屬性，表示與當(dāng)前元素相關(guān)聯(lián)的其他元素。在jQuery Mobile中，rel屬性通常用于指定頁面間的關(guān)系。

頁面2

在上面的代碼中，rel屬性被設(shè)置為“external”。這個(gè)值告訴jQuery Mobile不要通過Ajax方式加載頁面2，而應(yīng)該使用完整的頁面刷新方式。這可以解決一些跨域請(qǐng)求的問題。

頁面2

另一個(gè)常用的rel屬性值是“dialog”，用于在頁面之間創(chuàng)建對(duì)話框。當(dāng)用戶點(diǎn)擊鏈接時(shí)，將彈出一個(gè)對(duì)話框，內(nèi)容是鏈接指向的頁面。可以在鏈接上添加一個(gè)data-rel="dialog"屬性，效果是相同的。

彈出框

使用“popup”作為rel屬性值將創(chuàng)建一個(gè)彈出框，其中#popup是要顯示內(nèi)容的目標(biāo)元素的ID。當(dāng)用戶點(diǎn)擊鏈接時(shí)，彈出框?qū)@示在頁面上。與對(duì)話框類似，可以用data-rel屬性來達(dá)到相同的效果。

總之，rel屬性在jQuery Mobile中是一個(gè)非常有用的屬性，可以使頁面間的過渡更加平滑和自然。