Javascript AJAX加载一个链接,但不加载另一个链接


Javascript AJAX loads one link but not another

我正在使用Javascript AJAX在我的页面中心加载页面。

下面是Javascript。

$(function(){
    $('#dashboard').click(function() {
        var req = $.ajax({
            type        : 'POST',
            url         : 'dashboard.php',
            dataType    : 'html'
        });
        req.done(function(data){
            $('#loadcontent').empty().append(data);
        });
    });
    $('#admin').click(function() {
        var req = $.ajax({
            type        : 'POST',
            url         : '/admin/index.php',
            dataType    : 'html'
        });
        req.done(function(data){
            $('#loadcontent').empty().append(data);
        });
    }); 
    $('#reports, #analytics').click(function() {
        alert('Coming Soon');
    });
});

这是页面的HTML/CSS。因为它有很多代码,所以我把它放在了粘贴bin

中http://pastebin.com/kMMBMjrZ

特别是下面的2位代码:

  <ul class="nav nav-sidebar">
    <li><a id="dashboard" href="#">Overview</a></li>
    <li><a id="reports" href="#">Reports</a></li>
    <li><a id="analytics" href="#">Analytics</a></li>
  </ul>

和不工作的位

<?php
    if($_SESSION['isAdmin'] ) {
        echo "<li><a id='admin' href='#'>Admin</a></li>";
    }
?>

因此,此时,当用户选择overview时,它将在索引页的中心加载页面。这正是我想要的,但是,如果有人选择管理员什么都没有发生。控制台没有报告任何内容。一开始我认为这是由于PHP,但我删除了这个,留下纯html,它没有区别。

我有另一个问题,帐户选项卡按钮似乎不工作,但这可以单独解决。

我猜这只是路径的问题,试试这个:

$('#admin').click(function() {
        var req = $.ajax({
            type        : 'POST',
            url         : './admin/index.php',
            dataType    : 'html'
        });
        req.done(function(data){
            $('#loadcontent').empty().append(data);
        });
});

但是,在您的操作中添加一个警告,以查看li是否被单击