JQuery Mobile Collapsible collapsedIcon用法及代碼示例

用法:

collapsedIcon

類型：String 或 Boolean

默認："plus"

設置處於折疊狀態時可折疊容器標題的圖標。

如果單個可折疊容器的值未設置，但該容器是可折疊集的一部分，則從父可折疊集繼承該值。

此選項也作為數據屬性公開：data-collapsed-icon="arrow-r"。

支持多種類型：

String：您要使用的圖標的名稱。
Boolean：除了圖標名稱，您還可以將此選項設置為false.在這種情況下，折疊項在展開或折疊狀態下都沒有圖標。添加data-collapsed-icon="false"到可折疊小部件以將選項設置為false通過數據屬性。

代碼示例：

使用指定的collapsedIcon 選項初始化可折疊：

$( ".selector" ).collapsible({
  collapsedIcon: "arrow-r"
});

初始化後獲取或設置collapsedIcon選項：

// Getter
var collapsedIcon = $( ".selector" ).collapsible( "option", "collapsedIcon" );
 
// Setter
$( ".selector" ).collapsible( "option", "collapsedIcon", "arrow-r" );

相關用法

注：本文由純淨天空篩選整理自jquerymobile.com大神的英文原創作品 Collapsible collapsedIcon。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。