Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jquery UI:未显示日期选择器_Jquery Ui_Datepicker - Fatal编程技术网

Jquery ui jquery UI:未显示日期选择器

Jquery ui jquery UI:未显示日期选择器,jquery-ui,datepicker,Jquery Ui,Datepicker,由于某些未知原因,浏览器上未显示数据选择器。我可以通过Ajax调用HTML文件,Ajax本身有一个document.ready()函数。单击日期字段时,它会生成必要的HTML,但不会在屏幕上显示任何内容。当我点击日期字段(通过Chrome Inspector获得)时,生成以下代码: 更新: 我把代码放在JSFIDLE上 谢谢在加载带有AJAX请求的字段后,您必须对其调用datepicker()。您可以通过使用.ajaxSuccess订阅AJAX成功事件来实现这一点: 注意:不要将脚本与HT

由于某些未知原因,浏览器上未显示数据选择器。我可以通过Ajax调用HTML文件,Ajax本身有一个document.ready()函数。单击日期字段时,它会生成必要的HTML,但不会在屏幕上显示任何内容。当我点击日期字段(通过Chrome Inspector获得)时,生成以下代码:


更新:

我把代码放在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造成的