Question

单击时我正在将Google Maps脚本加载到我的网站中，并且希望能够单击另一个按钮将其删除，这样，如果用户继续加载不同的地图，我不会得到多个Google Maps脚本。我怎样才能做到这一点？我要以script标签的src为目标还是可以添加类/ ID或其他内容？

$(function() {
  $('.add-script').click(function() {
    $('body').append('<script class="gmaps-script" src="https://maps.googleapis.com/maps/api/js?key=MYKEY&callback=init"></script>');
  });
  
  $('.remove-script').click(function() {
    // Remove previously appended script tag here
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add-script">Load Map</button>
<button class="remove-script">Remove Map</button>

Answer 1

您可以使用

删除最后一个脚本标签

$('script').last().remove();

或者为脚本标签提供一个id="gmaps-js"之类的ID，然后使用$('#gmaps-js').remove()删除它

使用jQuery删除前置脚本标签？

1 个答案: