Jquery draggable - カーソルがオブジェクトから離れるときにmouseupが発動しない

Question

オブジェクトを左から右（隠す）、右から左（表示する）でドラッグして表示するドラッグ可能なオブジェクトを作成しました。オブジェクトは、左または右（囲み： "親"）以上に進むことはできません。イベントはマウスアップで発生します。ただし、マウスカーソルは、オブジェクト上にマウスカーソルを置くと機能します。カーソルがオブジェクトを離れたときにmouseupイベントが発生すると、そのイベントは発生しません。

カーソルがオブジェクトを離れた場合でもマウスアップをトリガーする方法を見つけるのに役立つ人はいますか？どんな助けでも大歓迎です。そこから発信しませんのmouseup要素の外で発生した場合ので、あなたは二つの別々の事象を必要とする

$(document).ready(function(){ 
    initCheckBoxes(); 
}); 

var slideSpeed = 200; 
var leftDist = 20; 

function initCheckBoxes() 
{ 
    $(".toggle-slider").draggable({containment: "parent"}); 
    $(".toggle-slider").mouseup(function(){ 

    //Toggle markers; 
    $(".content").fadeToggle(200); 

    var status = $(this).attr("toggle-status"); 

    switch(status) 
     { 
      case "0": 
      $(this).animate({left: leftDist}, slideSpeed); 
      $(this).attr("toggle-status", "1"); 
      break; 

      case "1": 
      $(this).animate({left: "0"}, slideSpeed); 
      $(this).attr("toggle-status", "0"); 
      break; 
     } 
    }); 
} 

Answer 1

：http://www.madfrogdesigns.com/vault/mouseup/

は、これは私のjqueryのコードです：ここではデモです

function initCheckBoxes() 
{ 
    $(".toggle-slider").draggable({containment: "parent"}); 

    var slideMouseDown = false; 

    $('.toggle-slider').mousedown(function() { 
     slideMouseDown = true; 
    }); 


    $(document).mouseup(function() { 

     if(slideMouseDown == true) 
     { 
     //Toggle markers; 
     $('.content').fadeToggle(200); 

     var sliderToggle = $('.toggle-slider'); 
     var status = sliderToggle.attr('toggle-status'); 

     switch(status) 
     { 
      case "0": 
      //its off, slide it by 20px; 
      sliderToggle.animate({left: leftDist}, slideSpeed); 
      //change status to 1 
      sliderToggle.attr("toggle-status", "1"); 
      break; 

      case "1": 
      //its 'on', slide it to 0px; 
      sliderToggle.animate({left: "0"}, slideSpeed); 
      //change status to 0 
      sliderToggle.attr("toggle-status", "0"); 
      break; 
     } 
     } 

     slideMouseDown = false; 
    }); 
}