我想在ajax调用加载页面后切换一个div

Question

我正在触发一个元素的click事件。依次调用其中包含ajax调用的某些函数。我想在ajax调用加载页面后切换一个div（将在ajax调用后加载）。

 function triggerFunction(){
     $("#trigger_div").trigger("click");
     $("#toggle_div").toggle(); //this div gets loaded after ajax call which happens after triggering click event
} 

Answer 1

您可以使用jQuery css（）方法来更新ajax成功回调中任何div的css。

这是使它工作的方式

$.ajax({ 
url: './AnotherPage.php',
success: function(output) {
    $("#toggle_div"). toggle();
    $("#toggle_div").css("css_property", "property_value"); 
    // $("#toggle_div").css("background_color", "red");
              }
            });

建议您始终对Ajax使用成功和失败回调。