Reset jQuery one() so that it will fire again

Question

I'm using the jQuery one() method on an event handler to fire once then de-register itself. Something like:

$(".main").one('mousedown', '.resizeBar', function (e) { /* my code */ });

Then some ajax (actually, a .net postback) resets most of the page (without reloading) and I want to set up the event handler again. Is there a way to either re-set the one() event handler to be active again? Manually re-triggering it this way doesn't work, obviously:

$(".main .resizeBar").trigger("mousedown");

Answer 1

just wrap that code in a function

function mainMouseDownOne() {
    $(".main").one('mousedown', '.resizeBar', function (e) { /* my code */ });
}

$(document).ready(function(){
    mainMouseDownOne();

    .ajax({
        ...
        success: function() {
            ...
            mainMouseDownOne();
        }
    })
});

Answer 2

I would recommend wrapping the one() method bind inside a function call, then you can call the function (to bind the initial event handlers) on page load, and again on success of the Ajax call.

var bindEvents = function(){
  $(".main").one('mousedown', '.resizeBar', function (e) { /* my code */ });
};

$(function(){ bindEvents(); }); // call the one() method on page load.

$.post(pageURL, function(data){
  bindEvents(); // As an example, after some sort of Ajax or post-reset event.
});