我正在尝试使用API为LayerSlider创建自己的导航。 这是因为我想要可以通过后端轻松更新的图标和文字。
layerslider文档推荐了我正在使用的以下代码行:
<a href="javascript:void(0);" onclick="$('#layerslider').layerSlider(2);">Text & Icon</a>
根据this link,单击时应跳至第二张幻灯片。但是,它什么也没做。
我还没有在这个阶段向我的模板添加任何jQuery。这可能是个问题?与html和php相比,我对jQuery的了解很少,所以我在努力解决这个问题。
我还找到了this link,但这会使用一个列表,而我使用的是一个包含div,text和图像的锚标记。
如果您需要更多信息来帮助我解决此问题,请告诉我们。如果需要,我可以提供链接。
编辑:我认为问题在于我没有先调用这些函数,因为我不知道怎么做。他们提供的代码如下。我已经尝试将其放在脚本标记中并将其放在functions.php中但没有成功。$('#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.
});