Question

我必须在这里做一些非常愚蠢的事情，但是我已经打了一会儿反对它，我一直无法找到错误。

在此页面上：http://www.emusician.com/slides.aspx?slideshowid=15&page=1

我正在尝试实现jCarousel，并且我一直收到此错误：

jQuery("#mycarousel").jcarousel is not a function

以下是我在标题中的内容：

<link href="/SlideShowScroller/css/jCarouselStyle.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/SlideShowScroller/css/colorbox.css" />
<link rel="stylesheet" type="text/css" href="/SlideShowScroller/css/tangoskin.css" />
<link rel="stylesheet" type="text/css" href="/SlideShowScroller/css/slider_css.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/SlideShowScroller/js/jquery.jcarousel.min.js"></script>
<script src="/SlideShowScroller/js/jquery.colorbox.js" type="text/javascript"></script>

这是我的Javascript函数：

<script type="text/javascript">
        function querySt(queryStringName) {
            var queryStrings = window.location.search.substring(1);
            var splitQueryStrings = queryStrings.split("&");
            for (i=0;i<splitQueryStrings.length;i++) {
            var splitQueryStringsNameValue = splitQueryStrings[i].split("=");
            if (splitQueryStringsNameValue[0] == queryStringName) {
            return splitQueryStringsNameValue[1];
                }
            }
        }
        $(document).ready(function () {
            $('#mycarousel').jcarousel(
                {
                    scroll: 1, 
                    start: parseInt(querySt("page")), 
                    buttonNextHTML : '<div onclick="navigation(\'next\')"></div>', 
                    buttonPrevHTML: '<div onclick="navigation(\'previous\')"></div>' 
                });
            $(".group1").colorbox({rel:'group1'});

        });
</script>

我确认了路径并且一切正确。我甚至尝试在JS文件中放置一条警告消息，以检查js文件是否正常执行，是否正常工作，但仍然表示jcarousel不是函数

Answer 1

你正在做的一切正确，

脚本标记的顺序正确
提供的网址指向正确的网页
脚本标记已正确关闭

但是，我看到包含三个不同版本的jQuery库（1.9.0,1.4.2,1.6.2）。避免使用多个库，我不确定这是否是一个解决方案，这可能会解决问题。

无法在html中加载jCarousel函数

1 个答案: