2013-03-19 71 views
0

我有实施的jQuery滑块(flexslider)麻烦实施的jQuery滑块

我觉得我失去了一些东西非常基本的麻烦,但由于某种原因,我不能把我的手指上。任何帮助将是惊人的。下面是测试网站的链接。

我想让滑块出现在空的绿色区域。

我也是在古比响应框架

http://4grain.bmdigitalgroup.com/

+0

你在你的分析代码一个错字..''加'http:'到脚本的开始处。尽管如此仍然在寻找滑块错误。 – kingkode 2013-03-19 19:10:00

+0

感谢您的支持! – Anthony 2013-03-19 19:11:15

+0

@McMastermind无协议链接有效。它通常用于解决不知道该页面是https还是http的问题。 – Populus 2013-03-19 19:11:55

回答

1

这是你的问题的工作:

Uncaught TypeError: Object [object Object] has no method 'flexslider' 

...也像你加载flexslider文件后,你的jQuery文件。尽量将所有的.js文件保存在一个地方,并将jquery文件放在所有文件的顶部。

你有2个jquery文件加载在同一页面上。您只需要一个,除非你是intentiontally试图加载它们的2 ..

试着将你的脚本...

$(window).load(function() { 
    $('.flexslider').flexslider(); 
    }); 

在页面的底部,包裹在脚本标记,前身体结束了,而不是在页面的头部。该脚本正在等待,直到页面被加载。

更新!

到目前为止工作做得很好!我通过Web控制台看到您在页面上做了什么。
如果你想摆脱的那个......

Uncaught TypeError: Object [object Object] has no method 'on' 

...然后从你的页面的顶部了jQuery 1.6.2的文件,并将该文件fexslider.js在底部你的页面。

+0

这意味着你可能有一个对jQuery库的双引用。 – MGDTech 2013-03-19 19:14:21

+0

感谢您的支持! – Anthony 2013-03-19 19:24:01

+0

没问题。很高兴我能帮上忙! – blackhawk 2013-05-31 02:33:20

0

#maincontentbody一个height,也许75px,然后所有的孩子都需要有一个明确heightwidth,甚至ID是width:100%min-height在这种情况下不是合适的值

您的图像看起来比绿色条区域大得多,您认为它也会动画吗?

+0

会给它一个镜头!谢谢。 – Anthony 2013-03-19 19:22:40

+0

我缩放图像以适应我在 – Anthony 2013-03-19 19:23:02

+0

中工作的14列布局“所有的孩子”是否指的是#maincontentbody内的实际img文件? – Anthony 2013-03-19 19:27:12

0

如上所述,你有一个双引用jQuery库。尝试这样做,将停止双重引用:

<script type="text/javascript" charset="utf-8"> 
    $.noConflict(); 
    $(window).load(function() { 
    $('.flexslider').flexslider(); 
}); 
</script>  
+0

所有这些输入都非常有帮助,我得到它的工作! 我通过贾森林登和Cody Guldner 改变高度通过blachawk和MGDtech 拿出双倍的参考,然后围绕jQuery代码切换,并通过blachawk移动滑块来推出我的代码的底部! 你们真棒! – Anthony 2013-03-19 19:33:19