Javascript 解除绑定jquery后无法重新绑定mouseleave_Javascript_Jquery

Javascript 解除绑定jquery后无法重新绑定mouseleave

javascript jquery

Javascript 解除绑定jquery后无法重新绑定mouseleave,javascript,jquery,Javascript,Jquery,我正在尝试在单击切换按钮时解除mouseleave事件的绑定 $('.togglebutton').on('click', function () { if ($("#navbar-main").css('margin-left') == '0px') { $("#navbar-main").css("margin-left", "-230px"); $("#navbar-main").bind('mouseleave'); } else{ $("#navbar

我正在尝试在单击切换按钮时解除mouseleave事件的绑定

$('.togglebutton').on('click', function () {
    if ($("#navbar-main").css('margin-left') == '0px') {
    $("#navbar-main").css("margin-left", "-230px");
    $("#navbar-main").bind('mouseleave');
  }
else{
   $("#navbar-main").css("margin-left", "0px");
   $("#navbar-main").unbind('mouseleave');
}

同时

$("#navbar-main").mouseover(function () {
  $("#navbar-main").css("margin-left", "0px");
   }
});

$("#navbar-main").mouseleave(function () {
 $("#navbar-main").css("margin-left", "-230px");
 }
});

正常解除绑定，但无法重新绑定鼠标删除事件

将mouseenter/mouseleave回调移动到函数，并使用“on”函数绑定事件。当您在第二个参数中调用“unbind”时，请从“on”传递calback，如果您想重新绑定它，请使用calback参数再次调用“on”

我使用toogle按钮创建了简单的绑定-解除绑定示例：

<!DOCTYPE html>
<!--
Created using JS Bin
http://jsbin.com

Copyright (c) 2017 by dasiekjs (http://jsbin.com/xedibob/4/edit)

Released under the MIT license: http://jsbin.mit-license.org
-->
<meta name="robots" content="noindex">
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <button>Click to unbind</button>

  <div id="test">its test!</div>

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

<script>
var isBinding = true;
var onDivEnter = function(event){
  $(event.target).text("MouseEnter");
};
var onDivExit = function(event){
  $(event.target).text("MouseExit");
}

var changeEvent = function(event){
  if(isBinding){
    $('#test').unbind('mouseenter',onDivEnter);
    $('button').text('click to bind');
  } else {
    $('#test').bind('mouseenter',onDivEnter);
    $('button').text('click to unbind');
  }
  isBinding = !isBinding;
}
var rebindButton = function(event){
  $('#test').bind('mouseenter',onDivEnter);
}

$("#test").on('mouseenter',onDivEnter);
$("#test").on('mouseleave',onDivExit);

$('button').on('click',changeEvent);
</script>
</body>
</html>


JS-Bin
单击以解除绑定
这是考验！
var isBinding=true；
var onDivEnter=函数（事件）{
$（event.target）.text（“MouseEnter”）；
};
var onDivExit=函数（事件）{
$（event.target）.text（“MouseExit”）；
}
var changeEvent=函数（事件）{
if（isBinding）{
$（“#测试”）。解除绑定（'mouseenter'，'onDivEnter'）；
$（'button'）。文本（'click to bind'）；
}否则{
$（“#test”）.bind（'mouseenter'，onDivEnter）；
$（'button'）。文本（'click to unbind'）；
}
isBinding=！isBinding；
}
var rebindButton=功能（事件）{
$（“#test”）.bind（'mouseenter'，onDivEnter）；
}
美元（“#测试”）。在（'mouseenter'，onDivEnter'）；
美元（“#测试”）。在（'mouseleave'，onDivExit）；
$（'button'）。在（'click'，changeEvent'）；

您应该使用

打开（'mouseleave'，function（））

而不是

绑定

，对于

解除绑定

使用

关闭

仅当剩余边距不等于0px时才解除绑定事件。也许当你再次使用.mouseleave时，它不是无索引的please@Cr1xus我也试过了，一旦它关闭了，它就没有了。你有语法错误，请不要只是引用jsbin；相反，也可以在答案正文中发布代码的相关部分。谢谢。对不起-请先回答，我想显示“实时回答”。：）@dasiekjs谢谢，如果您在答案中留下链接，并且不发布整个代码，而只是javascript部分，那么您可以对其进行更多改进。