Question

我正在尝试在div中使用jscript / jquery，但一直没有成功。例如，下面的代码是file1.php，然后是file2.php两个文件上的datepicker独立工作，但是当file2.php进入file1.php上的div时，div中的file2.php中的datepicker不会工作。但是对于file1.php的原生文件呢。有什么建议吗？

UPDATE !!!找到了解决方案。这是代码......

<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");?>">

Answer 1

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

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

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更改为唯一值

在div中使用jscript / jquery

1 个答案: