Response title
This is preview!
Datepicker and Jplayer
in Using jQuery UI
•
11 years ago
Hi I have been using JQuery UI Datepicker for sometime and is working great. I am trying to add Jplayer to my page. The problem I am having is once I add Jplayer my datepicker no longer works.
In chrome if I "Inspect Element" I get an error of :
Uncaught TypeError: Object [object Object] has no method 'date picker'.
$(function() {
$('input').filter('.datepicker').datepicker({
Uncaught TypeError: Object [object Object] has no method 'datepicker'
Uncaught TypeError: Object [object Object] has no method 'datepicker' showOtherMonths: true,
dateFormat: "yy-mm-dd",
changeMonth: true,
changeYear: true
});
});
If I change the location in my header of the <script> and put the datepicker script last my player no
longer works.
here is a copy of the scripts in my head.
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script> <script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script> <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script> <script src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" /> <link href="skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="js/jquery.jplayer.min.js"></script> <script type="text/javascript" src="js/jplayer.playlist.min.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ new jPlayerPlaylist({ jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" }, [ { title:"Rams Clip 1", mp3:"Media/mp3/RamsClip1.mp3", oga:"Media/mp3/RamsClip1.ogg" }, ], { swfPath: "js", supplied: "oga, mp3", wmode: "window" }); }); //]]> </script> <!-- DatePicker --> <link href="jquery-ui-1.7.2/css/base/ui.core.css" rel="stylesheet" type="text/css" /> <link href="jquery-ui-1.7.2/css/base/ui.datepicker.css" rel="stylesheet" type="text/css" /> <link href="jquery-ui-1.7.2/css/base/ui.theme.css" rel="stylesheet" type="text/css" /> <link href="jquery-ui-1.7.2/css/base/ui.datepicker.images.css" rel="stylesheet" type="text/css" />
Your help is greatly appreciated.
1