Question

我在使用jQuery 1.11.2使用我的新应用程序实例化jCarousel时出现问题。我没有使用jQuery UI。

我认为电话有问题：

jQuery('#mycarousel').jcarousel({

此Carousel在使用jQuery 1.8.2

的先前应用程序上运行时没有问题

我测试了Carousel使用的RSS Feed，看起来不错： Blog RSS Feed

以下是没有问题的确切代码：

    var mycarousel_itemList = new Array();
    function mycarousel_itemLoadCallback(carousel, state) {
        for (var i = carousel.first; i <= carousel.last; i++) {
            if (carousel.has(i)) {
                continue;
            }
            if (i > mycarousel_itemList.length) {
                break;
            }
            carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i - 1]));
        }
    };
    function mycarousel_getItemHTML(item) {
        return '<a href="' + item.url + '">' + item.title + '</a>' + ' ' + item.description.replace(/<\/?[^>]+(>|$)/g, "");
    };
    jQuery(document).ready(function () {
        $.get("http://www.davincispainting.com/blog/syndication.axd", function (data) {

            var $xml = $(data);
            $xml.find("item").each(function () {
                var $this = $(this),
                    item = {
                        title: $this.find("title").text(),
                        link: $this.find("link").text(),
                        description: $this.find("description").text()
                    }
                mycarousel_itemList.push({
                    url: item.link,
                    title: item.title,
                    description: item.description
                });
            });
            jQuery('#mycarousel').jcarousel({
                vertical: true,
                scroll: 1,
                auto: 1,
                wrap: 'circular',
                size: mycarousel_itemList.length,
                itemLoadCallback: { onBeforeAnimation: mycarousel_itemLoadCallback }
            });
        });
    });



    <div class="col-md-4 boxopacity" style="margin-top: -10px;">
        <div class="headline">
            <h2>Painting Blog & Information</h2>
        </div>
        <ul id="mycarousel" class="jcarousel-skin-ie7">
        </ul>
    </div>

如果有人能够告诉我我失踪的内容真的会有所帮助吗？谢谢！

Answer 1

你检查过你的日志了吗？存在许多问题（错误），包括无法加载jquery.jcarousel.min.js文件。

Answer 2

请您确定“jcarousel.min.js”文件的路径是否正确？

它显示我的错误。

"NetworkError: 404 Not Found - http://www.davincispainting.com/js/jquery.jcarousel.min.js"

如果是，那么请为此做出正确的路径。或者您也可以使用以下路径。如果您仍然遇到同样的问题，请查看此信息并告知我们。

jquery.jcarousel.js

在jquery文件之后再包含一个文件

jquery-migrate-1.0.0.js

问题实例化jQuery jCarousel

2 个答案: