Question

我有一个按钮，当它被点击时，用ajax从另一个内容中掏出一些内容＆＃34; randomstuff.php＆＃34;文件。按钮应该能够采用这个＆＃34; randomstuff.php＆＃34;再次归档，无需刷新页面。我的想法是使用.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

将.toggle函数与jquery中的.load函数结合使用

1 个答案: