JS Script Conflict - отсоединить mouseup

Question

Мне нужна ваша помощь и опыт в этом, потому что я испытываю конфликт JS из-за двух моих сценариев из-за функции перемещения мыши, пожалуйста, помогите мне и дайте мне знать, как это исправить, спасибо!

что я хочу сделать sh, чтобы оба кода работали без каких-либо конфликтов

Слева: отсоединение движения мыши является причиной конфликта.

var i = 0;
 $('#dragbar').mousedown(function(e){
      e.preventDefault();
      $(document).mousemove(function(e){
        $('#sidebar').css("width",e.pageX+2);
     })
     console.log("leaving mouseDown");
  });
 $(document).mouseup(function(e){
     $(document).unbind('mousemove');
 });

Справа :

var isResizing = false,
    lastDownX = 0;

$(function () {
    var container = $('#container'),
        left = $('#left_panel'),
        right = $('#right_panel'),
        handle = $('#drag');

    handle.on('mousedown', function (e) {
        isResizing = true;
        lastDownX = e.clientX;
    });

    $(document).on('mousemove', function (e) {
        // we don't want to do anything if we aren't resizing.
        if (!isResizing)
            return;

        var offsetRight = container.width() - (e.clientX - container.offset().left);

        left.css('right', offsetRight);
        right.css('width', offsetRight);
    }).on('mouseup', function (e) {
        // stop resizing
        isResizing = true;
    });
});

Заранее спасибо!