0

我正在尝试在 div 中使用 jscript/jquery，但没有成功。比如下面的代码是针对file1.php，那么file2.php两个文件上的datepicker是独立工作的，但是当file2.php被带进file1.php上的div时，div里面file2.php的datepicker就不行了工作。但是 file1.php 的本地文件确实如此。有什么建议么？

更新！！！找到了解决方案。这是代码……</p> 

<html>
<link rel="stylesheet" href="../datepicker/jquery-ui.css"> 
<script type="text/jscript" src="../datepicker/jquery-1.8.3.js"></script>
<script type="text/jscript" src="../datepicker/jquery-ui.js"></script>
<script type="text/jscript">
$(function() {
$( "#datepicker1" ).datepicker();
});
</script>
<script type="text/jscript">
function autoSubmit() {
$.post('file2.php', $('form[name="report"]').serialize(), function (output) {
$('#info').html(output).show();
$('#info').find('#datepicker2').datepicker();
});
}
</script>
<head>
<form name="report" action="submit.php" method="post">
<select name="Select1" onchange="autoSubmit();">
<option></option>
<option value="Value1">Value1</option>
<option value="Vaule2">Vaule2</option>
</select>
</form>
File 1 Date Picker<input name="Date" id="datepicker1" value="<?php echo date("n/j/Y");?>">
<div id="info"></div>

file2.php 代码。

File 2 Date Picker <input name="Date" id="datepicker2" value="<?php echo date("n/j/Y");?>">
4

1 回答 1

2

由于内容file2是使用 post 命令加载的，因此必须在 dom 加载内容后初始化 file2 中的小部件。

据我了解，您datepicker1在 file1 和 file2 中有一个带有 id 的输入字段，这是无效的，因为元素 id 在文档中应该是唯一的，我建议添加一个名为data-pickerfile2 输入字段的类。然后尝试

function autoSubmit() {
    $.post('file2.php', $('form[name="report"]').serialize(), function (output) {
        $('#info').html(output).show();

        $('#info').find('.date-picker').datepicker();
    });
}

更新：

如果以下脚本存在于 file2 中，则

$(function() {
$( "#datepicker1" ).datepicker();
});

您需要将脚本移动到页面底部，即在添加输入元素并将其更改id为唯一值之后

于 2013-08-16T02:53:53.053 回答