打开弹出窗口时错误$不是函数?

时间:2012-02-23 04:17:37

标签: jquery fancybox

我使用fancybox.js和tooltip.js插件中的fancybox和工具提示 这是一个javascript:

var yourock = {};
(function() {
    var attempts = 30;
    var old_jQuery;
    if (typeof(jQuery) != "undefined") {
        if (typeof(jQuery.noConflict) == "function") {
            old_jQuery = jQuery;
            delete jQuery;
        }
    }

    var addLibs = function() {
        var head = document.getElementsByTagName("head");
        if (head.length == 0) {
            if (attempts-- > 0) setTimeout(addLibs, 100);
            return;
        }

        var node = document.createElement("script");
        node.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";
        head[0].appendChild(node);
        checkLibs();
    }

    var checkLibs = function() {
        if (typeof(jQuery) == "undefined" || typeof(jQuery) != "function" || jQuery("*") === null) {
            if (attempts-- > 0) setTimeout(checkLibs, 100);
            return;
        }
        yourock.jQuery = jQuery.noConflict(true);
        if (typeof old_jQuery == "undefined")
            jQuery = old_jQuery;
    }
    addLibs();

    var jQuery;

    var tooltip = document.createElement("script");
    tooltip.setAttribute("type","text/javascript");
    tooltip.setAttribute("src",
        "http://vinawebpro.com/widget/js/jquery.tooltip.js");
    tooltip.onload = scriptLoadHandler;
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(tooltip);

    var fancybox = document.createElement("script");
    fancybox.setAttribute("type","text/javascript");
    fancybox.setAttribute("src",
        "http://vinawebpro.com/widget/jquery.fancybox.js");
    fancybox.onload = scriptLoadHandler;
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(fancybox);

    function scriptLoadHandler() {
        jQuery = window.jQuery.noConflict(true);
        main();
    }
    function main() { 
        jQuery(document).ready(function($) {
            $("div#result-col-1").tooltip();
            $("a.modal").fancybox({"type" : "iframe",});
        });

    }
})();

和代码html:

<div id="result-col-1">tooltip here</div>
<a class="modal" href="..url of link web.."><img src="...source image..." /></a>

当我运行工具提示时结果测试没问题,但是当从fancybox打开弹出窗口时结果是错误是“$ is not a function”,如何解决?

0 个答案:

没有答案