Bxslider 自定义寻呼机选项

Posted 2023-02-26

【中文标题】Bxslider 自定义寻呼机选项

【英文标题】：Bxslider Custom Pager Option

【发布时间】：2013-09-25 20:20:32

【问题描述】：

看看我的bxsliderhere。我想知道如果我想使用左侧的功能区来调用特定的幻灯片来显示我会使用什么方法。例如，如果我单击 Photo-Fusion，它将调用 Photo-Fusion 幻灯片。

【参考方案1】：

[未经测试] 我认为这可能是因为您似乎没有设置对 bxslider 的引用。这就是你不能调用方法的原因。

//hold a reference to the slider
var myBX;
$(document).ready(function()
    myBX = $('.bxslider').bxSlider(...);

//later on...
$(#yourPhotoFusionButton").on("click",function(e)myBX.goToSlide(4););

在此处查找公共方法：http://bxslider.com/options

【讨论】：

我还没有尝试调用该方法，只是想知道采取什么方法。我会试一试，然后告诉你。谢谢！

好的，我想我正在取得一些进展。首次打开页面时，bxslider 设置为自动。一旦我单击了我想要的特定幻灯片，它就会转到该幻灯片，但它仍然是自动驾驶仪。调用某个幻灯片后如何停止滑块。看看我的fiddle

尝试将 stopAuto() 方法添加到绑定到“click”事件的匿名函数中。 $(#yourPhotoFusionButton").on("click",function(e)myBX.goToSlide(4);myBX.stopAuto(););

我让它工作了！但是使用两个点击事件。也许我们在组合它们时没有将 stopAuto() 放在正确的位置。 $("#box").on("点击",function(e)myBX.goToSlide(1);); $("#box").on("click",function(e)myBX.stopAuto(););

很高兴你让它工作，但我不确定为什么它不能在 1 个函数中全部工作。对同一个点击事件进行 2 个单独的回调并不高效。也许试试 function(e)$(myBX).goToSlide(1);$(myBX).stopAuto();