1

我创建了一些代码，人们可以将它们复制并粘贴到他们的网站中，它应该可以在 blogspot 中使用。此代码需要 jQuery 和 jCarousel 插件。我用

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

在运行我的 javascript 代码之前加载 jQuery。问题是一些博客模板已经加载了 jQuery，然后运行上面的代码会导致博客文章永远不会加载（它只是停留在加载屏幕上）。

我可以在之后使用 javascript 加载它，if (typeof jQuery == "undefined")但是要让 jCarousel 插件工作，必须先加载 jQuery，所以这会导致帖子加载但轮播中断。

有人知道任何解决方案吗？

4

1 回答 1

5

你不能检查 jQuery 的存在并在那之后仍然加载 jCarousel 吗？

<script type="text/javascript">
    if (typeof jQuery === "undefined") {  
        document.write('<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"><\/script>');
    }
</script>

<script src="http://path/to/jcarousel" type="text/javascript"></script>

再三考虑，我不相信这会永远有效。我认为这不能保证 jQuery 会在 jCarousel 之前加载。我想出了一个似乎更强大的替代解决方案。它确保 jQuery 已加载，然后使用 jQuery 加载使用$.getScript(). 然后你的代码从getScript. 这确保了一切都以正确的顺序发生：

<script type="text/javascript">
    if (typeof jQuery !== "undefined") {
        loadLibs();
    } else {
        var script = document.createElement('script');
        script.src = 'http://code.jquery.com/jquery.js';
        document.getElementsByTagName('head')[0].appendChild(script);
        var timeout = 100; // 100x100ms = 10 seconds
        var interval = setInterval(function() {
            timeout--;
            if (window.jQuery) {
                clearInterval(interval);
                loadLibs();
            } else if (timeout <= 0) {
                // jQuery failed to load
                clearInterval(interval);
            }
        }, 100);
    }

    function loadLibs() {
        $.getScript("http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.min.js", function(data, textStatus, jqxhr) {
            myCode();
        });
    }

    function myCode() {
        $(document).ready(function() {
            $('#mycarousel').jcarousel();
        });
    }
</script>

演示：http: //jsfiddle.net/jtbowden/Y84hA/2/

（将左栏中的框架更改为任何版本的 jQuery 或其他库。它应该始终正确加载轮播）

编辑：

这个版本是类似的，但是<head>对 lib 使用了一个负载，就像 jQuery 一样。它比$.getScript()：

http://jsfiddle.net/jtbowden/y8nGJ/1/

于 2012-04-25T16:26:45.320 回答