Question

我是AJAX的新手，我有一个加载table.php的链接。然后它将代码写入index.php。在该代码中，我有另一个链接显示info.php。有可能这样做吗？

<!--This is index.php-->
<div id="link"><a href="info">my Info</a></div><!--it works here-->
<div id="link"><a href= "table">My Table</a></div>
<div id="table"></div>
<div id="info"></div>

<!--My javascript-->
<script type="text/javascript">
$(document).ready(function() {
    $('#link a').click(function(){
        var page = $(this).attr('href');
        if(page =='table')
            $('#table').load('table.php');
        else if(page =='info')
            $('#info').load('info.php');
        return false;
    })
});
</script>


<!--This is table.php-->
<div id="link"><a href="info">my Info</a></div><!--it doesn't works here-->

<!--This is info.php-->
<h1>My info</h1>

Answer 1

您的三个<div>（由@scragar指出）具有相同的ID link，最有可能导致问题。把它变成这样的一个类：

<div class="link">

在你的JS中：

$('.link a')

编辑：正如dbf所述，您必须使用live()或on()而不是click()声明您的处理程序：

$('.link a').live('click', function(){ ... });

为了在页面中加载table.php后绑定它。（http://api.jquery.com/live/）

AJAX加载PHP文件

1 个答案: