Jquery 使用API（在Wordpress上）自定义图层滑动导航

我正在尝试使用API为LayerSlider创建自己的导航。 这是因为我想要的图标和文本可以通过后端轻松更新

layerslider文档建议我使用以下代码行：

<a href="javascript:void(0);" onclick="$('#layerslider').layerSlider(2);">Text & Icon</a>

$('#slider').layerSlider({

...

global settings

...

cbInit      : function(element){},  // Calling when LayerSlider loads, returns the LayerSlider jQuery object of the LayerSlider container HTML element.
cbStart     : function(data){},     // Calling when you click the slideshow start button, returns the LayerSlider Data object.
cbStop      : function(data){},     // Calling when click the slideshow stop / pause button, returns the LayerSlider Data object.
cbPause     : function(data){},     // Calling when slideshow pauses (if pauseOnHover is true), returns the LayerSlider Data object.
cbAnimStart : function(data){},     // Calling when animation starts, returns the LayerSlider Data object.
cbAnimStop  : function(data){},     // Calling when the animation of current layer ends, but the sublayers of this layer still may be animating, returns the LayerSlider Data object.
cbPrev      : function(data){},     // Calling when you click the previous button (or if you use keyboard or touch navigation), returns the LayerSlider Data object.
cbNext      : function(data){},     // Calling when you click the next button (or if you use keyboard or touch navigation), returns the LayerSlider Data object.

});