主页 / 问题 / 1127703
Accepted
Arcadiy
Asked:2020-05-19 02:08:08 +0000 UTC2020-05-19 02:08:08 +0000 UTC

我怎样才能使它再次单击按钮删除内容？

  • 772

有一个代码

<script type="text/javascript" language="javascript" src="/js/jquery-1.12.4.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div").load("https://site.ru/test.php");
})
});
</script>
<div id="div"><h2>Dynamic chart</h2></div>
<button>Get Dynamic chart</button>

该按钮加载从链接获取的内容。

  1. 如何使按钮在单击时将名称“获取动态图表”更改为“关闭动态图表”，再次单击时内容消失。

  2. 另外，如果在关闭内容时有可能，之前接收到的数据没有被存储（javascript、css），这些数据位于 test.php 文件中

jquery

1 个回答

  1. Best Answer

    $(document).ready(function() {
  let loaded = false; // Индикатор загруженного графика
  let originalContent = $("#div").html(); // Заглушка графика

  $("button").click(function() {
    if (loaded) {
      $("#div").html(originalContent);
      loaded = false;
      this.innerText = 'Get Dynamic chart';
    } else {
      this.disabled = true; // Исключаем возможность повторных запросов
      $.get("https://stackoverflow.getsandbox.com:443/dashboard", function(html) {
        $("#div").html(html);
        $("button").prop('disabled', false).text('Close Dynamic chart');
        loaded = true;
      });
    }
  });
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div">
  <h2>Dynamic chart</h2>
</div>
<button>Get Dynamic chart</button>

    • 1

相关问题