一页上有多个 Jquery 滑块
查询
一页上有多个 Jquery 滑块,jquery、滑块、转换、Jquery、滑块、转换,我正在使用 jquery 插件来驱动我的滑块。 我想在我的页面上有 3 个滑块游戏素材,并且任何时候只显示一个。 我有三个按钮在滑块之间循环。 这是我的按钮的 html 和 jquery:HTML 您可以在此处看到该页面的工作演示:如您所见,它可以工作,但不是很好。 单击时隐藏每个滑块的 jquery 可以工作,但我觉得有更好的解决方案。 在页面加载时,所有三个滑块都在加载(两个隐藏)。 这行得通吗? 有没有比我现在拥有的三个滑块更好的方法? 或者您是否有一些提示或技巧可以使幻灯片之间的转换更清晰和更好? 提前致谢。加载已隐藏
我正在使用 jquery 插件来驱动我的滑块。 我想在我的页面上有 3 个滑块,并且任何时候只显示一个。 我有三个按钮在滑块之间循环。 下面是我的按钮的 html 和 jquery:
HTML
您可以在此处查看该页面的工作演示:
如您所见,它有效unity滑块,但不是很好。 单击时隐藏每个滑块的 jquery 可以工作,但我觉得有更好的解决方案。 在页面加载时,所有三个滑块都在加载(两个隐藏)。这样可以吗
有没有比使用我现在拥有的三个滑块更好的方法? 或者您是否有一些提示或技巧可以使幻灯片之间的转换更清晰和更好? 提前致谢。
加载隐藏在页面中的内容是可以的UI界面,只要它不会永远加载
但是unity滑块,在这种情况下,我可能会考虑使用滑块并在滑块容器区域内加载图像,单击“注释”,可以通过添加附加元素“代码> ID”内容从文档中加载(如上图所示) JQuery API 页面)。我想我不知道你的滑块如何处理额外的容器
这样,我相信您应该能够使用一个滑块并加载其中的所有图像,而不会混淆滑块,而不是将所有图像加载到一个滑块中并隐藏它们。 . 这应该会使大多数滑块感到困惑。
使用Jquery可以得到如下Jquery解决方案:
$('#hero-slider ul a.pita').click(function () {
$('#hero-slider ul a').removeClass('activeSlide');
$(this).addClass('activeSlide');
$('.maskss').scrollTo($(this).attr('rel'), 500);
return false;
});