问题标签 [swiper]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 使用 iDangerous Swiper 转到特定幻灯片
如果我有自定义菜单。
如何在 Swiper.js 中随时转到特定幻灯片?
我尝试了这样的事情,但没有奏效:
javascript - Swiper.js with Rangeslider.js - 在 Rangeslider.js onSlide 回调函数上禁用 Swiper.js 触摸事件
我在 iDangerous 的swiper.js之上使用 Andre Ruffert 的rangeslider.js ,但每次我滑动我初始化的 rangeslider 时,它也会刺激 Swiper 的触摸滑动事件,因此它们都同时滑动。在滑动 Rangeslider 时,我可以使用什么方法来禁用 Swiper?我是 jQuery 的新手,所以任何帮助都将不胜感激。
这是我的代码:
HTML
JS
jquery - 使用图像映射的 JQuery Swiper 哈希页面更改
我正在尝试使用图像映射(“热点”)来更改 JQuery Swiper 实现的页面。请参阅http://www.homeducate.me/takeTheTour.htm的测试页面 它有一个带有热点的图像,我希望能够单击以直接切换页面,同时仍然允许在页面之间滑动导航!
我正在尝试使用 idangerous.swiper.hashnav.min.js 插件,该插件允许将 #page 报告到 URL 中,并直接导航到特定的 #page。我希望这也能让我从图像地图导航到特定页面。
从我的代码中提取:
等等
我仔细阅读了实施说明,但在 Chrome 开发工具中出现错误:'Uncaught SyntaxError: Unexpected token <' in idangerous.swiper.hashnav.min.js
谁能帮我找到问题?我正在绞尽脑汁,但无法发现它。有没有更好的方法来实现我想要做的事情?任何帮助都非常感谢。
干杯。
html - 可接受在一个定义列表中包含一个定义列表标签?
背景
我正在使用Swiper为餐厅网站创建一个滑块,我想尽可能地对其进行语义编码。为了让您了解内容,每张幻灯片都有四个主要特点:
- 背景图片
- 菜单类别(即三明治)
- 菜单项
- 菜单项说明
如果您需要视觉(和食欲):
我的解决方案
这是我能想到的最语义化的编码方式:
我的问题
- 在标签中使用 a
<dl>
在语义上是否友好且 w3-OK?<figcaption>
- 有没有比使用类更语义化的方式来显示幻灯片“标题”(又名类别)?我意识到这是一个单独的问题,但它是相关的,我无法将所有这些都塞进帖子标题中......
我的研究
我找不到与我所做的完全匹配的网站,但我找到了一些接近的网站:
- MDN有一些
<cite>
在<figcaption>
. - HTML5 Doctor有一个
<a>
和<code>
里面一样的。 - 一个 SO 用户发布了一个间接相关的问题,但我在他们的标记中
<p>
注意到<figcaption>
.
w3.org表示没有任何迹象表明我的方法不正确,所以我半肯定它没问题,但任何反馈都将不胜感激。
jquery - .on('mouseenter', function(){... 不工作
我有以下事件:
问题是当滑块准备好时添加了 .swiper-slide-active 类,但我认为用 .on 替换了 .live 事件。当您翻转具有该类的元素时,没有任何反应。有没有办法等到添加类?
滑块是这样启动的:
swiper - CenteredSlides 和 swiper.js 循环
有没有办法同时拥有居中的幻灯片和无限循环,以及带有 swiper.js 的缩略图?我有以下设置,但是当我添加 loop true 时,它似乎不起作用。
http://machinas.com/wip/hugoboss/fall2014/startpage/variable-width/
谢谢
javascript - iDangerous Swiper - 不同宽度的循环问题
我正在使用 swiper 来显示一系列相同高度但宽度不同的图像,因此使用了不同宽度的方法。但是,我需要一个循环的解决方案。不同宽度的演示代码是: https ://github.com/nolimits4web/Swiper/blob/master/demos/14-different-widths.html
向脚本添加循环参数并不能实现我正在寻找的内容,例如
或者
谢谢
javascript - jquery mobile上页面更改后swiper分页制动
我正在使用iDangerous Swiper库与Jquery Mobile框架一起显示移动滑动触摸画廊。它工作正常,除非我离开索引页面(画廊所在的位置)然后回来,分页小部件无法正常工作。它仍然出现(我可以看到项目符号),并且它仍然是可点击的,即如果我“触摸”一个项目符号,画廊会滑动到相应的幻灯片并且项目符号变为“活动”,但它不能以相反的方式工作,在换句话说,它不会响应幻灯片更改:如果我在幻灯片中滑动,则当前活动的项目符号不会更新。
这是初始化代码:
该页面与 jquery mobile 的data-ajax="true"属性链接以保留全局范围。
jquery - 刷卡器初始化
我对 JQuery 滑块“Swiper”有疑问(此处的 API - http://www.idangero.us/sliders/swiper/api.php)。加载页面时,我需要将 Swiper 滚动到某个“幻灯片”。=> 我使用函数“mySwiper.swipeTo”来滚动 Swiper。这在函数“onSlideClick”中工作正常,但是当我将类似的代码添加到函数“onFirstInit”或“onInit”或“onSwiperCreated”时,没有任何工作(只有错误)。看起来 Swiper 不知道什么是“mySwiper”=> 使用“mySwiper.slides.length”之类的代码会出错并且 Swiper 不起作用。
Incicialization Swiper的代码示例:
这段代码写给我:“TypeError:zmena_obsahu_load 不是函数”但“zmena_obsahu_klik”没问题。
我的函数“zmena_obsahu_klik”工作正常=>忽略这个函数没有问题,为此而不是为我使用的东西写。
对不起我的英语不好。
jquery - iDangerous Swiper,后续的 destroy() 和 reInit() 方法
根据此处提供的答案作为答案...
我正在尝试做这样的事情:
http://jsfiddle.net/monastic/ydKn2/17/
但控制台返回“无法读取 null 的属性 'init'”。
有什么建议么?