AJAX / PHP无法更新创建的DIV

时间:2015-02-25 23:33:20

标签: javascript php jquery ajax

必须有一个简单的解决方案,但唉,我找不到它。

我的问题:

基本上我有一些简单的报告软件,它使用PHP根据数据库中的日期提取信息,并使用AJAX以内联方式显示它。现在PHP脚本还创建了点击链接,只显示前几周的数据或下周的数据。我希望这些链接只是简单地更新数据最初的相同div,甚至是从php文件创建的新div,但使用不同的php脚本来处理传递的日期(甚至是相同的日期)。在第一次AJAX调用之后,它不会从创建的链接更新div。我已经创建了一些测试文件,以便在解决这个问题时保持简单,但没有运气。

示例index.html:

<html>
<head>
<link rel="stylesheet" type="text/css" href="menu.css">
<link rel="stylesheet" type="text/css" href="format.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="ajaxmenucalls.js"></script>
</head>
<title>Test</title>
</head>
<body>
<a href="#" id ="innertest">Innertest</a>
<div id="div1"></div>
</body>
</html>

示例AJAX脚本ajaxmenucalls.js:

    $(document).ready(function(){
        $("#innertest").click(function(){
            $.ajax({url: "innertest.php", success: function(result){
                $("#div1").html(result);
            }});
        });
        $("#innertest2").click(function(){
            $.ajax({url: "innertest.php", success: function(result){
                $("#div2").html(result);
            }});
        });
    });

测试文件innertest.php(删除了php代码/只需要测试html):

<a href="#" id="innertest2">Test 2</a><br /><div id="div2"></div>

我的猜测是,因为带有id innertest2的链接不在我的javascript文件加载并且在第一次ajax调用之后出现,它将不会按照我想要的方式处理innertest2的click事件。

那么,是否有一种方法可以在加载id为innertest2的元素后直接在php中重新加载我的javascript文件,以便它可以处理它(如果这甚至是问题)或者我是否会完全错误?我只是想让php创建一个内联的自定义链接,也可以点击它来内联更新信息。

0 个答案:

没有答案