Attempting to Use JQuery Plugin

tiolions
tiolions
  • tiolions
  • 13 months ago
Hi All -

I'm trying to use JQuery for use in a countdown timer on my joomla site. In looking at my page's head section, it appears everything is correct. The head looks like this:
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="title" content="Ascent" />
<meta name="author" content="Administrator" />
<meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management; Joomla jQuery plugin by http://www.corejoomla.com" />

<title>Ascent</title>
<script type="text/javascript" src="//cdn.shondalai.com/blackcanyonraceseries/media/system/js/mootools.js"></script>
<script type="text/javascript" src="//cdn.shondalai.com/blackcanyonraceseries/media/system/js/caption.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.shondalai.com/blackcanyonraceseries/plugins/corejoomla/jquery/jquery.noconflict.js"></script>
<script type="text/javascript" src="//cdn.shondalai.com/blackcanyonraceseries/media/system/js/jquery.countdown.js"></script>


<link rel="stylesheet" href="//cdn.shondalai.com/blackcanyonraceseries/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="//cdn.shondalai.com/blackcanyonraceseries/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="//cdn.shondalai.com/blackcanyonraceseries/templates/blackcanyonracesinfo/css/default.css" type="text/css" />

<script type="text/javascript">
$(function () {
$('#countdown').countdown({until:$.countdown.UTCDate(-6, 2011, 4, 14), format: 'DHMS', layout:
'<div id="timer">' +
'<div id="timer_days" class="timer_numbers">{dnn}</div>'+
'<div id="timer_hours" class="timer_numbers">{hnn}</div>'+
'<div id="timer_mins" class="timer_numbers">{mnn}</div>'+
'<div id="timer_seconds" class="timer_numbers">{snn}</div>'+
'<div id="timer_labels">'+
'<div id="timer_days_label" class="timer_labels">days</div>'+
'<div id="timer_hours_label" class="timer_labels">hours</div>'+
'<div id="timer_mins_label" class="timer_labels">mins</div>'+
'<div id="timer_seconds_label" class="timer_labels">secs</div>'+
'</div>'+
'</div>'

});
});
</script>
</head>


Nothing appearing in the countdown div. Have I used the jquery plugin correctly?

Any other thoughts. Thanks :)

Access to viewing replies is restricted.
Showing 11 of 11 replies
You do not have permissions for replying to this topic.
Loading...
Confirm delete? This action is irreversible and the data will be deleted permanently. Do you want to continue? Confirm Add New Delete Unpublish Cancel Import Uninstall The selected item successfully deleted.
Shondalai