Javascript 在使用Jquery方法之前添加插件源

Javascript 在使用Jquery方法之前添加插件源,javascript,jquery,html,Javascript,Jquery,Html,我正在用jquery添加一个倒计时插件,但在调用main方法启动倒计时控制台后,显示找不到倒计时方法(这是启动插件的主要方法)。如果我运行两次代码,倒计时开始。这意味着我必须在执行主命令之前加载jquery插件源代码 这是我的密码: var script = document.createElement( 'script' ); script.type = 'text/javascript'; script.src = 'http://www.test.gr/images/promo/monet

我正在用jquery添加一个倒计时插件,但在调用main方法启动倒计时控制台后,显示找不到倒计时方法(这是启动插件的主要方法)。如果我运行两次代码,倒计时开始。这意味着我必须在执行主命令之前加载jquery插件源代码

这是我的密码:

var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = 'http://www.test.gr/images/promo/monetate_js/jquery.countdown.min.js';
$('head').append(script);

var script2 = document.createElement( 'script' );
script2.type = 'text/javascript';
script2.src = 'http://www.test.gr/images/promo/monetate_js/jquery.plugin.min.js';
$('head').append(script2);

$('.omgtest').before("<div class='countdownclock'></div>");
$('.countdownclock').countdown({until: new Date(2014, 8 - 1, 8)}); 
var script=document.createElement('script');
script.type='text/javascript';
script.src=http://www.test.gr/images/promo/monetate_js/jquery.countdown.min.js';
$('head').append(脚本);
var script2=document.createElement('script');
script2.type='text/javascript';
script2.src=http://www.test.gr/images/promo/monetate_js/jquery.plugin.min.js';
$('head')。追加(脚本2);
(“.omgtest”)之前的“$”;
$('.countdownclock')。倒计时({到:新日期(2014年8月1日,8日)});
我曾想过这样使用回调函数:

var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = 'http://www.test.gr/images/promo/monetate_js/jquery.countdown.min.js';

var script2 = document.createElement( 'script' );
script2.type = 'text/javascript';
script2.src = 'http://www.test.gr/images/promo/monetate_js/jquery.plugin.min.js';

$("head").append(script,function(){
    $("head").append(script2,function(){
        $( ".omgtest").before("<div class='countdownclock'></div>",function(){
            $('.countdownclock').countdown({until: new Date(2014, 8 - 1, 8)});
        });
    });
});
var script=document.createElement('script');
script.type='text/javascript';
script.src=http://www.test.gr/images/promo/monetate_js/jquery.countdown.min.js';
var script2=document.createElement('script');
script2.type='text/javascript';
script2.src=http://www.test.gr/images/promo/monetate_js/jquery.plugin.min.js';
$(“head”).append(脚本,函数(){
$(“head”).append(脚本2,函数(){
$(“.omgtest”)。在(“,function()之前{
$('.countdownclock')。倒计时({到:新日期(2014年8月1日,8日)});
});
});
});
但这也不起作用

我创建了一个jsfiddle来测试它()。但是当然它永远不会工作,因为src中的链接不是真实的(抱歉,不能使用真实的链接)。所以我打赌有人可以通过查看我的代码来帮助我。如果我能在我的帖子中添加一些东西来帮助别人,请让我知道。这也是插件页面()的链接


感谢您抽出时间。

这里异步加载脚本。您可以使用特定脚本的onload回调,或者只使用常规方式加载脚本。应该加载两个脚本才能使其工作,这就是为什么我这样称呼它们。常规加载脚本的方式是不可接受的,我知道这很奇怪。
append()
是一种同步方法,它不接受任何回调。正如我所说,使用脚本的onload回调来设置逻辑,例如:
script.onload=function(){('.omgtest')。在(“);$('.countdownclock')之前。倒计时({until:newdate(2014,8-1,8)})。如果您需要等待加载两个脚本,则根据它设置逻辑,例如在加载两个脚本后使用布尔标志设置为true。在现代浏览器上,我想您可以设置
script.async=false谢谢老兄,我会现场试用并让你知道