0

我有一些代码，一些用于更改 div 的类，其余用于将内容加载到 ajax div 中。
然而，ajax div 不加载内容。为什么会这样？

<script>
window.onload = function () {
    var everyone = document.getElementById('everyone'),
        favorites = document.getElementById('favorites');

    everyone.onclick = function() {
        loadXMLDoc('indexEveryone');
        var otherClasses = favorites.className;
        if (otherClasses.contains("Active")) {
            everyone.className = 'statusOptionActive';
            favorites.className = 'statusOption';
        }
    }

    favorites.onclick = function() {
        loadXMLDoc('indexFav');        
        var otherClasses = everyone.className;
        if (otherClasses.contains("Active")) {
            favorites.className = 'statusOptionActive';
            everyone.className = 'statusOption';
        }
    }

    function loadXMLDoc(event) {
        $.ajax({
            url: "../home/" + event.data + ".php",
            type: "GET",
            success: function (result) {
                $("#centreCont").html(result);
            }
        });
    }
}
</script>

这些 div 启动 ajax 代码（或至少应该这样做）

<div id="everyone" class="statusOptionActive" onclick="loadXMLDoc('indexEveryone')">Everyone, everywhere</div>
<div id="favorites" class="statusOption" onclick="loadXMLDoc('indexFav')">Favourites Only</div>

为什么它不起作用:(

4

2 回答 2

1

演示

删除您的 div onclick 事件，因为您已经在脚本中操作您的点击事件。

编辑的 div

<div id="everyone" class="statusOptionActive">Everyone, everywhere</div>
<div id="favorites" class="statusOption">Favourites Only</div>

而且我不知道您传递的参数是什么loadXMLDoc('indexFav');， loadXMLDoc('indexEveryone');除了您的 javascript 代码是正确的。

希望这有帮助 谢谢

于 2013-08-18T17:16:53.363 回答
0

我可以看到一个明显的问题是您将一个字符串传递给loadXMLDoc，然后您尝试访问.data该字符串。

于 2013-08-18T17:03:32.250 回答