我在一个正在工作的网站上使用Cycle2。这是一个CMS,它正在使用jquery 1.6.4,它从一开始就提出了一个问题 - 但它得到了.on / .bind hack到cycle2核心。不幸的是我现在无法更新jquery。
幻灯片在黑客攻击后工作正常 - 下一个和上一个按钮可以正常工作,缩略图导航也能正常工作。
问题: 我们的一些图像比其他图像高,并且随着幻灯片的显示,较高的图像会在底部被切断。因此,我将内置的 data-cycle-auto-height =“容器” 集成到Cycle2中。它很漂亮。我点击较高的图像缩略图,图像幻灯片自动调整到当前图像的高度。但是,现在 data-cycle-auto-height =“容器” 高度正在运行,我无法再使用Next / Prev按钮。它们是可点击的,悬停效果仍然有效,但一旦点击就没有任何反应。如果我继续从幻灯片div中删除 data-cycle-auto-height =“容器” ,它们将再次开始运行。我查看了控制台,并没有抛出任何其他错误 - 我在控制台中遇到的唯一错误是 未捕获TypeError:$(...)。on不是函数(...) 这是我从一开始就得到的,可能还是jquery 1.6和cycle2兼容性问题。
以下是幻灯片演示div的开头:
<div class="cycle-slideshow"
data-cycle-timeout="0"
data-cycle-manual-fx="fade"
data-cycle-pager="#no-template-pager"
data-cycle-prev="#tst-prod-prev"
data-cycle-next="#tst-prod-next"
data-cycle-loader="wait"
data-cycle-auto-height="container"
data-cycle-pager-template=""
data-cycle-tmpl-regex="\[\[((\.)?.*?)\]\]"
data-cycle-caption="#tst-custom-caption"
data-cycle-caption-template=[[title]] >
有关可能导致此问题的任何想法?
答案 0 :(得分:0)
修正了它。在Cycle2核心中进行了一些调整 - .on - &gt; .bind。同样,这是1.7之前的jquery版本的黑客攻击。