问题标签 [jcarousellite]

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.

0 投票
4 回答
4416 浏览

javascript - jCarouselLite 不适用于 <3 个列表项

编辑:这不是 jQuery 从 SharePoint 公告列表创建适当标记以使用 jCarouselLite 的问题。这似乎是 jCarouselLite 中的一个问题。我已经用适当的标记做了另一个 jsfiddle,而不是 jQuery/javascript 转换代码,问题仍然存在。

您可以在http://jsfiddle.net/ayatollah/6RKNx/看到问题

同样,这只是 1 或 2 个列表项的问题。3+ 工作正常。我应该改变标记,我们的 jCarouselLite 调用代码来解决这个问题吗?

赏金将在可用时提供!

原创================================================== ===============================

我在 Sharepoint 站点中有一个公告列表,我想将其转换为 jCarousel。公告列表呈现为表格,因此我整理了一些 jQuery 代码将其转换为所需的ul结构。

jQuery 似乎在做它的工作,但 jCarousel 给出了一些奇怪的行为。第一个公告按原样显示,然后第二个公告按原样滚动显示。然而,在此之后的每一个滚动,它都会闪现第一个公告,然后滚动第二个。当它应该再次滚动第一个时。

我让它正常工作,但它显示空白公告,所以我引入了一些代码来过滤掉空白公告。这是一个向您展示问题的jsfiddle。

http://jsfiddle.net/RzeEX/2/

我对之前代码所做的唯一更改是添加了额外的布尔值:

见于:http: //jsfiddle.net/RzeEX/3/

但是,在上面的小提琴中,代码的工作方式与前一个完全相同,但在我的服务器上,它显示了一个额外的空白公告。不知道为什么我不能在这里复制它。

无论如何,有人有任何想法吗?

编辑:实际上只是用超过 2 个公告测试它,它似乎工作。见http://jsfiddle.net/RzeEX/4/

它现在按预期工作,但是有 2 个公告,它仍然是坏的,有 1 个公告,没有任何显示!它必须与 jQuery 有关,因为我相信 jCarouselLite 插件可以工作。

有关单个公告,请参见http://jsfiddle.net/RzeEX/5/

0 投票
1 回答
563 浏览

jquery - jCarousel Lite 的小问题

我正在使用这个http://www.gmarwaha.com/jquery/jcarousellite/作为垂直滑块。

现在我的设置是:

现在的问题是我想动态地从 CMS 获取可见项目的数量(因此是 var sliderShowItems),但是如果我这样做,jCaroulseLite 就会中断。它只显示前 4 个(如果我在我的 cms 中放了 4 个),然后开始随机滚动。如果我只是放例如可见:4 和滚动:4 它工作正常。但是当我像这样动态输入数字时,它会分解:(我不确定为什么?有什么建议吗?

0 投票
1 回答
1417 浏览

jquery - jQuery jCarousel Lite 缩略图导航

我正在使用来自http://www.gmarwaha.com/jquery/jcarousellite/的脚本,现在我需要拇指作为导航按钮

我有 5 个可见图像,我希望我单击的图像居中......关于如何解决这个问题的任何想法?

我的想法是像这样获得点击的项目索引:

然后将该项目设置为开始:

这种作品,但它打破了“循环:真实”的特点。

即使我将 start: 设置为除 0 以外的任何内容,也会出现错误...

0 投票
1 回答
1678 浏览

javascript - 自定义 jCarousel 触发器 - 项目结束

我正在使用 jCarousel 来显示项目列表。假设有8个项目。我正在显示 4,等待 10 秒,然后滚动显示最后 4 个。我希望它显示前四个,然后抛出一个触发器,告诉它重新绑定数据。这些项目将更新并继续像这样循环。

这些项目正在通过 jquery.load [ajax] 加载。我希望项目在全部显示后重新绑定。如果我能让他们在骑自行车两次后重新绑定就更好了。我正在使用 setInterval(基于时间)重新绑定数据,但我希望它是动态的,因此以后添加更多项目时我不必更改 javascript 计时器。

我的调用代码如下所示:

理想情况下,我希望能够添加如下内容:

我对 javascript 和 jQuery 很陌生。

0 投票
1 回答
1057 浏览

javascript - jCarouselLite 重新绑定数据

我的网站上有一个 jCarouselLite 插件。我正在从 jquery.load 函数加载 li。我在轮播中垂直循环,并有一个功能,一旦第一个项目回到顶部就会触发。

此时,我想用另一个 ajax.load 刷新数据。这是我遇到问题的地方。重新加载该数据后,轮播将停止旋转(或者更确切地说,在后台运行)。

我尝试的一个解决方案是尝试用另一个重新安装轮播:

线。这似乎导致两个轮播同时运行。然后是第三个,第四个,以此类推。

所以基本上我正在寻找一些方法来清除轮播,重新加载更新的数据,然后再次运行它。有任何想法吗?

我对javascript、jquery等很陌生。我也在jCarousel(不是lite)上试过这个,但我无法让它与垂直滚动一起工作。它似乎有问题。

0 投票
1 回答
2671 浏览

javascript - 在调整窗口大小时重新应用或调整 jCarouselLite

我试图在调整窗口大小时重新调整或销毁并重新应用 jCarouselLite 插件,但我没有成功,这是因为我创建了一个网站,其中每个页面都是一个“li”,当导航菜单时它滚动到那个“页面”...

我尝试在调整大小时使用它,并重新应用 jcarouselite,但它没有用:

这是我正在使用的代码,但如果我继续重新应用 jcarouselLite,轮播就会发疯!

解决方案:

“idrumgood”,我试图只用“li”来做到这一点,但是搜索了更多关于停用插件的信息,我发现我也必须取消绑定点击,所以,这是我必须应用的代码:

0 投票
1 回答
1400 浏览

ajax - 带有 AJAX 加载内容的 jCarousel Lite:.live() 停止工作

我在 AJAX 加载的内容中使用jCarousel Lite插件:这是(简化的)代码

HTML:

jQuery:

到目前为止一切都很好:AJAX 内容被加载到#content,jCarousel Lite 被附加并且#pager 链接按预期工作(他们只是滚动项目)

现在我想在#pager 链接中添加更多内容(例如向它们添加类,或打开警报等):由于内容是 AJAX 加载的,因此我使用 .live 函数:

好吧,什么都没有发生!
如果我删除 jCarousel 脚本(jQuery 代码中的第 5-10 行),一切都会再次运行

拜托,你能帮忙让它工作吗?为什么 jCarousel 停止 .live 工作?有解决方法吗?

提前致谢

0 投票
1 回答
533 浏览

jquery - jCarousel Lite - 我如何链接到轮播中的位置?

我的页面带有带有一些文本的 jCarousel Lite 轮播,现在我需要在另一个页面上创建指向轮播中特定位置的链接。

我怎样才能跳到这个位置?

0 投票
1 回答
1755 浏览

javascript - jCarouselLite 在此页面上不起作用

我在这个页面上使用 jCarouselLite

这是代码

这样,它有时会显示 7 张图像,有时只显示 5 张图像,有时没有图像并停止工作。

请帮我修复它。

谢谢

0 投票
1 回答
1591 浏览

jquery - JQuery - 获取循环 prev/next 以触发 jcarousel prev/next

我有循环运行幻灯片,当幻灯片悬停时,会出现上一个/下一个图形。该循环还有一个垂直缩略图寻呼机。我将寻呼机包装在定制版本的 jCarousellite 中,它在活动缩略图上放置了一个 .activeSlide 类,并拥有自己的一组 prev/next 链接。

总而言之,它工作得很好,可以在这里看到:

http://www.spiritlevel.co.uk/cycletest/cycle_test.html

但是,我还有最后一个障碍...

当单击幻灯片上的上一个/下一个图形时,我想检查新的 .activeSlide 是否在轮播中可见,如果没有,请这样做......我真的可以提供一些帮助。

举个例子,当你点击我上面的链接时,你会看到轮播中有 8 个缩略图。缩略图 1 处于活动状态。如果我单击幻灯片上的下一个图形,缩略图 2 将变为活动状态。再次单击,缩略图 3 变为活动状态等。一切都很好,直到我第 8 次单击并且缩略图 9 变为活动状态 - 然后问题是缩略图 9 在轮播中不可见 - 所以此时我想要一些代码激活这将触发轮播并使缩略图 9 可见。(在这种情况下触发轮播上的下一个链接将起作用)

该解决方案还需要处理页面加载和用户立即单击幻灯片上的上一张图片(显示最后一张幻灯片)等情况。触发轮播上的上一个链接在这里不起作用 - 而是必须多次触发下一个链接才能使活动缩略图可见。

我希望我已经清楚了——实际上很难解释我想要发生的事情,但我认为当你点击我上面的链接时会很明显——看比描述更容易!

我真的很想让这最后一点工作,并感谢您提供的任何帮助。

谢谢