Jquery ui jquery UI:未显示日期选择器
由于某些未知原因,浏览器上未显示数据选择器。我可以通过Ajax调用HTML文件,Ajax本身有一个document.ready()函数。单击日期字段时,它会生成必要的HTML,但不会在屏幕上显示任何内容。当我点击日期字段(通过Chrome Inspector获得)时,生成以下代码:Jquery ui jquery UI:未显示日期选择器,jquery-ui,datepicker,Jquery Ui,Datepicker,由于某些未知原因,浏览器上未显示数据选择器。我可以通过Ajax调用HTML文件,Ajax本身有一个document.ready()函数。单击日期字段时,它会生成必要的HTML,但不会在屏幕上显示任何内容。当我点击日期字段(通过Chrome Inspector获得)时,生成以下代码: 更新: 我把代码放在JSFIDLE上 谢谢在加载带有AJAX请求的字段后,您必须对其调用datepicker()。您可以通过使用.ajaxSuccess订阅AJAX成功事件来实现这一点: 注意:不要将脚本与HT
更新:
我把代码放在JSFIDLE上
谢谢在加载带有AJAX请求的
字段后,您必须对其调用datepicker()
。您可以通过使用.ajaxSuccess
订阅AJAX成功事件来实现这一点:
注意:不要将脚本与HTML混合使用。这不是你想要的方式。您希望将所有Javascript保存在.js
文件中。加载文档时,将功能添加到元素中。通过AJAX调用加载新内容时,将事件或小部件附加到新元素。在加载带有AJAX请求的
字段后,必须对其调用日期选择器()。您可以通过使用.ajaxSuccess
订阅AJAX成功事件来实现这一点:
注意:不要将脚本与HTML混合使用。这不是你想要的方式。您希望将所有Javascript保存在.js
文件中。加载文档时,将功能添加到元素中。通过AJAX调用加载新内容时,会将事件或小部件附加到新元素。您可能有错误的URL。试试这些
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css" type="text/css" media="screen">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
</head>
<body>
<input type="text" id="datepicker" />
<script>
$( "input" ).datepicker();
</script>
</body>
</html>
$(“输入”).datepicker();
这里是jsFiddle:您可能有错误的URL。试试这些
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css" type="text/css" media="screen">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
</head>
<body>
<input type="text" id="datepicker" />
<script>
$( "input" ).datepicker();
</script>
</body>
</html>
$(“输入”).datepicker();
这里是jsiddle:我在主帖子中添加了jsiddle链接。这不是Ajax的问题。帖子告诉我你通过Ajax调用HTML。是的,但后来我也检查了没有Ajax版本,它也有同样的问题,这是因为错误的URI在主帖子中添加了JSFIDLE链接。这不是Ajax的问题。帖子告诉我你通过Ajax调用HTML。是的,但后来我也检查了没有Ajax版本,它也有同样的问题,这是由于错误的URI造成的