我在我开发的网站的主页上收到了Javascript错误。在主页上有一个jCarousel滚动条可以在配置文件之间滚动。
错误如下:
this.clip[0] is undefined
在jquery.jcarousel.js的第844行。
网址为http://www.professionalgirlfriends.co.uk - 请原谅主题,因为这是一个护送网站。
知道发生了什么事吗?
答案 0 :(得分:7)
答案 1 :(得分:4)
我其实只是自己解决了。造成这个问题的原因如下:
在我的一个Javascript文件中,我有以下代码:
// Load jCarousel on homepage only
if($('#home').length) {
jQuery('.view-content').jcarousel();
}
此代码可以在主页上加载jcarousel。造成这个问题的原因是当我触发jcarousel时,我不够具体。换句话说,页面上有多个.view-content
。
我把它改为:
// Load jCarousel on homepage only
if($('#home').length) {
jQuery('#block-views-escorts-block_1 .view-content').jcarousel();
}
现在全部排序了!
由于
答案 2 :(得分:1)
我无法在工作中查看该页面,但是当找不到维度或无法计算剪裁平面时,通常会出现该错误。确保使用CSS(通常是直接围绕ul的div)在剪裁平面上设置宽度,并将回退维度传递给jcarousel选项(itemFallbackDimension
)。
答案 3 :(得分:0)
我发布这个作为答案,因为它对于一个简单的评论来说有点太多了。也就是说,Web Inspector将两个文件style.css和gallerific.js标识为返回404标头(无法找到资源)。由于大多数与维度相关的错误(在Chrome中:Uncaught TypeError: Cannot read property 'offsetWidth' of undefined
)与无法找到维度相关,我怀疑将这些资源正确链接到该页面可能会解决您遇到的问题。
如果没有,请在JS Bin或JS Fiddle发布您的问题的安全工作演示,我们中的更多人(包括我们工作中的人)可能会看看。
答案 4 :(得分:0)
只需使用此结构:
<ul id="slider">
<li><img src="x.jpg"/></li>
<li><img src="y.jpg"/></li>
<li><img src="z.jpg"/></li>
</ul>