Так у меня то же работает...
Но это немного не так как у меня.
изначально есть страница
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" href="./css/style.css" rel="stylesheet" > </link>
<link href="./css/smoothness/jquery-ui-1.9.1.custom.css" rel="stylesheet"></link>
<link type="text/css" href="./css/popup.css" rel="stylesheet"> </link>
<link type="text/css" href="./css/jquery.timepicker.css" rel="stylesheet"> </link>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="js/addons/jquery.ui.datepicker-ru.js"></script>
<script src="js/addons/jquery.timepicker.js"></script>
<script src="js/addons/jquery.cookie.js"></script>
<script src="js/addons/jquery.json-2.4.js"></script>
<script src="js/neworder.js"></script>
<script src="js/actions.js"></script>
</head>
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><!--<![endif]-->
<body>
<div class="wrap clearfix">
<div class="top"></div>
<div class="menu">
<ul class="clearfix">
<div id="MainMenu"></div>
</ul>
</div>
<div class="submenu">
<ul class="clearfix">
<div id="SubMenu">
</div>
</ul>
</div>
<div class="page">
<div class="content">
<div class="content_block">
<div class="page_block_top">
<div class="head_block"> <div class="open"> Параметры нового заказа </div></div>
<div class="f-line clearfix" id="ClientInfoDiv">
<div class="select-cont f-col" style="width: 300px;">
<label>
Заказчик
</label>
<div class="f-col-b">
<input type="text" name="param6" class="f_inp_b" id="ClientID" onclick="ShowPopUPClients(this);" value=""></input>
</div>
</div>
</div>
<div class="f-line clearfix" id="OrderInfoDiv"></div>
</div>
</div>
<div class="hiddenBlock" id="PopUpWindow"></div>
<div id="bg"></div>
</div><!-- content-->
</div><!-- page-->
</div> <!-- wrap-->
</body>
</html>
Изначально в ней нет элементов на которые я вешаю datapicker
они прилетают туда в AYAX запросе, их формирует php скрипт
Вот запрос:
$.ajax({
url: 'orders/neworder.php'
, type : 'POST'
, data : PostStr
, success: function (res) {
var obj = jQuery.parseJSON(res);
$("#ClientInfoDiv").empty();
$("#OrderInfoDiv").empty();
$("#ClientInfoDiv").append(obj.ClientInfo);
$("#OrderInfoDiv").append(obj.OrderInfo);
$("#DateEndWork").datepicker();
$("#TimeEndWork").timepicker({ 'timeFormat': 'H:i'});
}
, error: function (res){
alert('res');
}
});
так вот, в этом случае, он ругается на строки
$("#DateEndWork").datepicker();
$("#TimeEndWork").timepicker({ 'timeFormat': 'H:i'});
Пробовал делать:
$(document).ready(function () {
$(".f-sel select").on("click", function () {
$(this).children("option:selected").attr('selected', 'selected')
$(this).prev().html("<span>" + $(this).children("option:selected").text() + "</span>");
});
$("#DateEndWork").on("click", function(){
$(this).datepicker();
});
$("#TimeEndWork").on("click", function (){
$(this).timepicker({ 'timeFormat': 'H:i'})
});
});
то же ругается.