Question

我单击时有一个jQuery代码，将元素[.topmenu]追加到另一个元素[.mainmenu]，并且当再次单击时，我想取消它，并且该元素返回到第一位[第一位在标题上.container]

但这不起作用

$(function() {
        $(".navbar-toggle").Toggleclick(
            function(){ $(".topmenu").appendTo(".mainmenu"); },
            function(){ $(".topmenu").appendTo(".container"); },
        );
    });

Answer 1

jQuery中没有Toggleclick()方法。

要执行此操作，您将需要使用单个click事件处理程序，该事件处理程序确定.topmenu的当前位置并相应地切换附加位置，如下所示：

$(function() {
  var $topmenu = $('.topmenu'),
    $mainmenu = $('.mainmenu'),
    $container = $('.container');

  $(".navbar-toggle").click(function() {
    var $target = $topmenu.parent().is('.container') ? $mainmenu : $container;
    $topmenu.appendTo($target);
  });
});

div {
  padding: 5px;
  border: 1px solid #C00;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="navbar-toggle">Toggle</button>

<div class="mainmenu">
  Main menu
  <div class="topmenu">
    Top menu
  </div>
</div>

<div class="container">
  Container
</div>

单击以附加到，然后再次单击撤消它

1 个答案: