Question

我正在使用Blogger和“简单”模板来创建我的博客。我想要一个倒数计时器。通过研究，我发现最好的方法（允许自定义）是使用Keith Wood的JQuery插件（http://keith-wood.name/countdown.html）。

我不确定如何将这个包含在我的HTML代码中...我已经尝试过很多东西而且根本无法让它显示出来。这是我的代码的摘录，它位于＆lt; / head＆gt;：

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<link href='https://www.dropbox.com/s/apli554dvptb01r/jquery.countdown.css'    rel='stylesheet'/>
<style type='text/css'>
body &gt; iframe { display: none; }

#defaultCountdown { width: 240px; height: 45px; }
</style>
<script src='https://www.dropbox.com/s/kt99b0ly3cx8u7l/jquery.plugin.js'/>
<script src='https://www.dropbox.com/s/mr7tsda8236nerh/jquery.countdown.js'/>

根据我的理解，我所做的是链接到JQuery数据库（使用谷歌），然后链接到我自己的托管我想要使用的插件和CSS信息。

然后在帖子（我想要我的计时器的位置），我已将以下代码放入：

$(selector).countdown({until: liftoffTime});

var newYear = new Date(); 
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
$('#defaultCountdown').countdown({until: newYear}); 

$('#removeCountdown').click(function() { 
var destroy = $(this).text() === 'Remove'; 
$(this).text(destroy ? 'Re-attach' : 'Remove'); 
$('#defaultCountdown').countdown(destroy ? 'destroy' : {until: newYear}); 
});
</script>

从这里，我的计划是在我的博客上查看这个，然后进行任何必要的更改 - 即它倒计时的日期，大小和字体样式。

我不知道我哪里出错......因为这根本不会在我的帖子上产生任何内容。

请帮忙！ :)谢谢大家！

Answer 1

Unexpected token < jquery.countdown.js:1

是一个常见错误，应该是404但已被重定向到html页面（因此<html>会返回无效的＆lt; 字符）。

一般来说：你的js文件无法正确加载，检查它们的路径，还要检查dropbox是否允许对这些文件进行热链接。

如何在Blogger模板中包含jquery倒计时器插件

1 个答案: