0

私は 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>
4

1 に答える 1

6

あなたの3人<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/）

于 2012-12-28T14:25:37.867 に答える