Question

我正在使用for (int i = 0; i <= 5; i++) { futurevalue = futurevalue * (1 + (interest / 100)); System.out.println((i+1) + " " + futurevalue); }的切换类它工作正常但我的问题是如果用户点击一边我要关闭该切换。如何实现这一目标？

dd & dt

Answer 1

你也可以尝试 - DBS有什么是正确的，（他发表在评论中），imho。

//clicking on the body, closes the toggleitem
jQuery(document.body).bind('click.closedd', function() {
    jQuery('.navigation dd').hide();
});

// clicking on the toggle item, won't trigger the click on the body
// that we set up above.
jQuery('.navigation dd').bind('click.closedd', function(e) {
    e.stopPropagation();
});

Answer 2

您需要侦听<body>上的点击，然后检查以确保目标位于导航组件之外。

jQuery('body').on('click', function(evt) {
  var $target = $(evt.target);
  if ( !$target.closest('.navigation').length ) {
    // code to collpase the nav menu
  }
});

我还建议您重构导航代码，以使用单独的展开和折叠功能，而不是依赖slideToggle和toggleClass。

祝你好运！

Answer 3

对要求不太确定，但您可以尝试在mouseenter和mouseleave事件上实现上述目标但是，如果必须仅在单击时实现上述功能，则必须在覆盖整个html主体的容器上连接click事件。

切换关闭外部点击

3 个答案: