更改標籤開啓/關閉的

Question

我嘗試Slicknav菜單打開和關閉時改變Slicknav的標籤。

In the jsfiddle, here.我用標籤關閉的默認狀態，併爲打開狀態的另一塊文字，我想另一個一段文字。

喜歡本作的正常狀態：

$('#menu').slicknav({ 
    duplicate: false, 
    label: 'label closed' 
}); 

我試着使用基本的，如果這那時，我覺得我只是搞亂了這個非常簡單的一段JavaScript代碼。

任何幫助將不勝感激！

Answer 1

其在docs
像這樣的東西應該做的伎倆短期看後。

var $label; 
$('#menu').slicknav({ 
    duplicate: false, 
    label: 'label closed', 
    init: function() { 
     $label = $(".slicknav_menutxt"); 
    }, 
    open: function() { 
     $label.text("label open"); 
    }, 
    close: function() { 
     $label.text("label closed"); 
    } 
}); 

而且鏈接jsfiddle

Answer 2

你可以只直接改變，因爲它包含在一個跨度類slicknav_menutxt文 - Fiddle

$('#open').click(function (event) { 
    event.preventDefault(); 
    $('#menu').slicknav('open'); 
    $(".slicknav_menutxt").text("label open"); 

}); 

$('#close').click(function (event) { 
    event.preventDefault(); 
    $('#menu').slicknav('close'); 
    $(".slicknav_menutxt").text("label closed"); 

}); 

$('#toggle').click(function (event) { 
    event.preventDefault(); 
    if ($(".slicknav_menutxt").text().indexOf("open") >= 0) { 
    $(".slicknav_menutxt").text("label closed"); 
    } else { 
    $(".slicknav_menutxt").text("label open"); 
    } 
    $('#menu').slicknav('toggle'); 
});