Question

我有一个脚本，它使用AJAX从名为names.php。

的php文件中检索信息

在脚本的下方，我使用JQuery的$（document.ready（function（）{}）;尝试在DOM加载时隐藏div。

由于某种原因，$（“div”）。hide（）函数在AJAX调用后不会执行。

任何人都可以帮我理解为什么吗？我知道在AJAX调用之后你必须将元素绑定到他们的事件处理程序，但是我想知道在页面加载之后它是如何可能的。

我的剧本

的index.html

<body onload="getNames()">

JQuery脚本

function getNames()
{
    function AJAX()
    {
        $.ajax({
            type: "GET",
            url: "names.php",
            data: namesVariables,
            success: function (retrievedData) 
            {
                console.log(retrievedData);
                jQuery("div").html(retrievedData);
            }
        });    
    }
}

$(  document ).ready(function()
{
        $("div").hide();
});

Answer 1

也许你正在尝试这样做：

$(  document ).ready(function()
{
    $("div").hide();
    AJAX();
});

Answer 2

我想你想这样做？

function AJAX()
    {
        $.ajax({
            type: "GET",
            url: "names.php",
            data: namesVariables,
            success: function (retrievedData) 
            {
                console.log(retrievedData);
                jQuery("div").html(retrievedData);
                $("div").hide();
            }
        });    
    }

Answer 3

如果您尝试隐藏jQuery("div").html(retrievedData);创建的元素，请将$("div").hide();放在success函数

之后

如何隐藏通过Ajax加载的元素？

3 个答案: