You are here

jquery count down 在Drupal7中的使用

g089h515r806 的头像
Submitted by g089h515r806 on 星期四, 2011-04-28 07:35

相关的文档与实例,可参看: http://keith-wood.name/countdown.html

需要注意的一点是:

<?php  print $scripts; ?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script>
 <script type="text/javascript" src="<?php print base_path().path_to_theme() ?>/js/jquery.countdown.package/jquery.countdown.min.js"> </script>
<script type="text/javascript" src="<?php print base_path().path_to_theme() ?>/js/jquery.countdown.package/jquery.countdown-zh-CN.js"> </script>

Drupal 7自带的 jquery好像不起作用,需要自己在html.tpl.php中直接声明。这样可以避免JS的不起作用,以及“找不到对应的属性”错误提示。JQuery代码如下:

var deadline = new Date(2011,9,28);
$('#defaultCountdown').countdown({
until: deadline,
layout: '{d<}{dn} {dl} {d>}{h<}{hn} {hl} {h>}{m<}{mn} {ml} {m>}{s<}{sn} {sl}{s>}'
 });

论坛: