繁体   English   中英

发行实例化jQuery jCarousel

[英]Issue Instantiating jQuery jCarousel

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

这是网站

我认为通话有问题:

jQuery('#mycarousel').jcarousel({

该旋转木马在使用jQuery 1.8.2的以前的应用程序上运行没有问题

我测试了轮播使用的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>

如果有人可以向我提示我所缺少的内容,那将真的很有帮助? 谢谢!

您检查过日志了吗? 存在许多问题(错误),包括无法加载jquery.jcarousel.min.js文件。

您能否确定“ 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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM