php - jquery中.toggle函数与.load函数结合使用

Question

我有一个按钮，当单击它时，会使用ajax加载另一个“randomstuff.php”文件中的一些内容。该按钮应该能够再次拿走这个“randomstuff.php”文件，而无需刷新页面。我的想法是在这个等式中使用 .toggle 一些地方，但我不知道在哪里以及如何:/

$(document).ready(function() {
  $("#savedButtonBox").click(function () {
    $("#content").load('moduleSavedStyles/moduleSavedStyles.php');
  });
});

使用这种方法，它会将内容加载到原始(index.php)网站中，但现在我想切换它，以便它再次被拿走。我需要一些帮助! :)提前致谢!

Answer 1

如果我明白你在问什么，你想load()一些内容，然后在交替点击同一按钮时清除加载的HTML。

如果是这样，您就不需要 toggle()。相反，您可以使用 is(':empty') 检查包含元素中是否存在任何内容，然后填充或清空它。试试这个:

$("#savedButtonBox").click(function () {
  var $container = $('#content');
  if ($container.is(':empty')) {
    $container.load('moduleSavedStyles/moduleSavedStyles.php');
  } else {
    $container.empty();
  }
});

Working example