Question

我已经实现了ajax请求来加载页面中的主要内容。你知道，就像母版页一样。结构如下：

<head></head>
<body>
   <navbar> Like -Home-, -Contact- , -About- , -Login-  </navbar>
   <div id='main-content'>

   </div>

   /*This is for javascript*/
   <script src='jquery.js'> </script>
   <script src='jquery-ui.js'> </script>           
</body>

例如，当用户点击导航栏中的联系人菜单时，ajax调用contact.html并在id ='main-content'上重新加载页面。

我的问题是，如果我使用像jquery-ui这样的javascript，在这种情况下，我使用基于日期时间的jquery-ui，它只加载一次。只是说，在Home上，有一个输入表单的日期时间，并且工作，然后我去联系页面。当我再次回到主页时，日期时间不起作用。它就像一个普通的文字？任何想法都如此欣赏。

Answer 1

尝试在打开页面时重新初始化datepicker，如下所示：

$('#yourdatepicker').datepicker();

Answer 2

因为您的导航基于ajax，并且每次导航到新页面时，您都会获得新鲜的DOM而不会在第一次打开您的站点时引用您的js加载，并且它将初始化文档中加载的组件，这就是为什么你在Home上找到了，输入表格有一个日期时间，并且正常工作。

因此，您必须在ajax调用后重新初始化组件，例如：

$("input[name=datepicker]").datepicker({arguments});

看看datepicker wont start after ajax div reload。

霍普这有帮助。

Datepicker只生活一次基于ajax请求

2 个答案: