Question

我得到了这段代码（它不是我写的）

我无法解决的问题是：

要隐藏该iframe，我需要再次单击同一按钮，并且要在单击其他位置时将其隐藏-类似于toggle（）

目前，我尝试使用切换功能创建新代码，但是在获取正确的ID（保存在单击的按钮ID中）时遇到了问题，

我还尝试将新代码基于此处的答案：

.on() & toggle working together 和jQuery on('toggle') possible?

我的代码-单击数据表列中的按钮时，它会显示来自动态创建的链接的iframe。

$("#example tbody").on("click", "a.actions", function() {
  const id = $(this).attr('href');
  let clicks = $(this).data('clicks');
  if (clicks) {
    $('#' + id).css("display", "none");
  } else {
    $('#' + id).css("display", "block");
  }
  $(this).data("clicks", !clicks);
  let src = 'https://web02.datacentre.local/master-database/master-task-view-actions/entry/' + id;
  $('#' + id).attr('src', src);
  return false;
});

Answer 1

您可以这样做：

$(document).ready(function() {
  $("button").click(function() {
    $("div.d1").toggle();
  });
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<button>Toggle</button>

<div class="d1" style="border:1px solid black;padding:10px;width:250px">
  <p><b>This is a little poem: </b><br/> Twinkle, twinkle, little star<br/> How I wonder what you are<br/> Up above the world so high<br/> Like a diamond in the sky<br/> Twinkle, twinkle little star<br/> How I wonder what you are</p>
</div>

如何更改点击切换？ -隐藏取消绑定按钮上的元素

1 个答案: