Question

我使用jQuery编写了一个脚本（http://jsfiddle.net/vishnukanwar/yqH5B/），它在页面加载时显示了social-like_button div。虽然显示了这个div，但其他一切都很模糊。

我的麻烦是，这个jQuery脚本在我的桌面上工作正常（本地和jsfiddle），但是一旦我发布到Blogger，它就不起作用。

我觉得Blogger没有同步加载jQuery（即使它被要求），这就是为什么它显示'jQuery is undefined'错误。

  var jq = document.createElement('script');
  //jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
  jq.src = "https://code.jquery.com/jquery-1.10.1.min.js";
  jq.onload = jq.onreadystatechange = loadPopupBox;  // for function def check [link][2]
  document.getElementsByTagName('head')[0].appendChild(jq);

有人能告诉我如何在不修改博客模板的情况下在Google Blogger中动态地同步添加jQuery？

Answer 1

...这里的代码对于Blogger.com来说非常好。我在www.tcft.in

添加了此内容

<script>
    function MyScript ()
    {
        if (typeof jQuery === "undefined") {
            alert ("jQuery is undefined");
        } else {
            alert ($("head").text());
        }
    }

    function LoadJQuery ( onload )
    {
        if (typeof jQuery !== "undefined") {
            if ( typeof onload !== "undefined" ) script.onload = onload;
        } else {
            var script = document.createElement('script');
            if ( typeof onload !== "undefined" ) script.onload = onload;
            script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
            script.async = false;
            document.head.appendChild(script);
        }
    }

    LoadJQuery( function () { MyScript () });

</script>

如何在不修改模板的情况下在Google Blogger中添加jQuery？

1 个答案: