jquery - 无法获取datepicker并在同一页面上登录

时间:2017-10-19 12:36:18

标签: javascript php jquery-ui xmlhttprequest jquery-ui-datepicker

我正在建立一个网站。我有登录javascript工作。我想从jquery UI库中添加一个datepicker对象,我已经下载并放在root / jqueryUI文件夹中。我已经研究了多种方法来解决这个问题,但我似乎没有想出任何可行的方法。

的Javascript

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="./jqueryUI/jquery-ui.js">
var $113 = jQuery.noConflict();  
$113( function() {
$113( "#datepicker" ).datepicker();
} );
</script>
<script type="text/javascript">

$(document).ready(function(){
$('#login-trigger').click(function(){
$(this).next('#login-content').slideToggle();
$(this).toggleClass('active');          

if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;')
  else $(this).find('span').html('&#x25BC;')
})
});

我唯一认为会导致错误的是我目前正在加载内容&#39;带有xmlhttp请求响应的DIV标记

加载示例:

function loadContent(Fname) 
{
if (window.XMLHttpRequest) 
{
    xmlhttp = new XMLHttpRequest();
} 
else 
{
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}   
xmlhttp.onreadystatechange = function()
{
    if(xmlhttp.readyState == XMLHttpRequest.DONE)
    {
        document.getElementById('Content').innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET", "../php/actions.php?F=" + Fname, true);
xmlhttp.send();
}

提取的信息如下(php)

(PHP) actions.php

if($function =='writeNews')
{
print("
....
<div id='newsPubDate'><strong>Date to Publish:</strong><input type='text' id='datePicker'></div>
</div>");
}

TL; DR - 我需要一种方法让javascript将自己应用于被调用的div标签。一个简单的datepicker对象,被调用来编写新闻帖子(在同一页面上)。我猜想,我可以对单个页面进行编程或重新加载页面,但我想知道是否有办法在每次有人想要执行基本管理功能时不刷新页面时将其关闭。

1 个答案:

答案 0 :(得分:0)

当运行xmlhttprequest时,javascript / jquery将不会执行。解决此问题的最简单方法是删除xmhttprequest加载器,只需在表单上使用GET方法重新加载页面,并为其准备好适当的代码。