Cycle2 Next / Prev问题AutoHeight

时间:2016-11-17 15:12:48

标签: javascript jquery scaling cycle2

我在一个正在工作的网站上使用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]] >

有关可能导致此问题的任何想法?

1 个答案:

答案 0 :(得分:0)

修正了它。在Cycle2核心中进行了一些调整 - .on - &gt; .bind。同样,这是1.7之前的jquery版本的黑客攻击。