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

Question

我正在使用 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。由于代码很多，我已将其放入粘贴箱中

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

因此，目前，当用户选择概览时，它将在索引页的中心加载页面。这正是我想要的，但是如果有人选择管理员，则什么也不会发生。控制台没有报告任何内容。起初我以为这是由于 PHP 造成的，但我删除了它并留下了纯 html，这没有什么区别。

我还有另一个问题，帐户选项卡按钮似乎不起作用，但可以单独解决。

对此的任何想法都会很棒。

Answer 1

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

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

但是，为您的操作添加一个警报，以查看 li 是否被点击