Question

我在jsp页面上使用jquery datepicker，当我调用ajax从服务器加载一些数据时，ajax数据成功加载到div标签后，我看不到datepicker。

当我点击文本字段时，我会显示日期选择器但是点击按钮我通过ajax加载数据，然后日期选择器无法正常工作

 <html>
 <head>      
  <script>
  $(document).ready(function()
  {
   $('#end_dtnw').datepicker({ dateFormat: 'dd-M-yy' });
   $("#reportList").click(function(){ 
   $.ajax({
         type : 'Post',
         url : 'www.google.com',
         data: "prjid="+prjid,
         beforeSend : function(){
         },
         success : function(data){
             $('#newreportdata').html(data);
         },
         error : function(jqXHR, textStatus, errorThrown){
         }
        }); 
  });
  }
  </script>
  </head>
  <body>
  <input type="text" name="end_dtnw" id="end_dtnw" />
  <input type="button" name="reportList" id="reportList" />
  <div id="newreportdata"></div>
  </body> 
  </html>

  //consider that my coding is correct.....

enter image description here

感谢在先进......

Answer 1

听起来像你加载的HTML有问题。关心向我们展示？然后我们可以看到问题。另外，请向我们展示#end_dtnw和#newreportdata的HTML。

感谢您的编辑 - 您的HTML与屏幕截图不匹配 - 我没有看到来自文本的文本等。请显示有问题的代码或以缩小状态重现。

您也可以在jsfiddle.com上创建一个测试用例并告诉我 - 然后我们都可以看到发生的错误。

Answer 2

这是一篇关于使用jQuery（AJAX）中的live（）函数的datepicker的文章：

http://www.vancelucas.com/blog/jquery-ui-datepicker-with-ajax-and-livequery/

这可以帮到你。

在jquery ajax调用之后jquery datetime picker无法正常工作？

2 个答案: