Question

美好的一天！我是基金会6的新手，我有一个按钮可以切换到我的画布外。

<button class="hamburger-btn" type="button" data-open="mobile-nav">

我想要发生的是，当有人点击它，并且画布进入视图时，数据打开变成数据关闭，因此它可以在再次单击时隐藏画布外。

所以它就像下面这样。

<button class="hamburger-btn" type="button" data-close>

这可能吗？

Answer 1

您可以使用以下代码：

$('.hamburger-btn').click(function() {
  if ($(this).attr('data-open')) {
    $(this).removeAttr('data-open');
    $(this).attr('data-close', "");
  } else {
    $(this).removeAttr('data-close');
    $(this).attr('data-open', "mobile-nav");
  }
})

<强>演示

＆＃13;

$('.hamburger-btn').click(function() {
  if ($(this).attr('data-open')) {
    $(this).removeAttr('data-open');
    $(this).attr('data-close', "");
  } else {
    $(this).removeAttr('data-close');
    $(this).attr('data-open', "mobile-nav");
  }
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="hamburger-btn" type="button" data-open="mobile-nav"></button>

＆＃13;

Answer 2

无需在数据打开和数据关闭之间切换，数据切换到救援！

<button class="hamburger-btn" type="button" data-toggle="mobile-nav">

如果导航关闭，上面会打开导航，如果它打开则关闭导航。

我可以将数据打开更改为数据关闭吗？

2 个答案: