Question

我有一些代码，一些用于更改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>

为什么它不起作用:(

Answer 1

DEMO

删除你的div onclick事件，因为你已经在脚本中操作了click事件。

已编辑的div

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

除了你的javascript代码是正确的，我不知道你传递给loadXMLDoc('indexFav');和loadXMLDoc('indexEveryone');的论点。

希望这会有所帮助谢谢

Answer 2

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

有谁知道为什么这个Ajax不会工作？

2 个答案: