Question

I have mostly all of my forms for different controllers in a jquery dialog modal box, and the problem i’m running into is that when those modals are loaded, the ujs links(data-remote, data-confirm, etc) are completely ignored by jquery. I’m thinking that when those partials are getting loaded through ajax, that the events aren’t bubbling up to include those new links that are added to the dom by ajax. Has anyone run into this? I can’t seem to figure out a way around it. I can post some code if this wasn’t very clear…

Answer 1

Ok so I fixed it with this, using a custom jquery ui dialog box I can now do custom confirms ontop of remote true links

var myCustomConfirmBox;
$.rails.allowAction = function(element) {
  var answer, callback, message;
  message = element.data("confirm");
  answer = false;
  callback = void 0;
  if (!message) {
    return true;
  }
  if ($.rails.fire(element, "confirm")) {
    myCustomConfirmBox(message, element);
  }
  return false;
};
myCustomConfirmBox = function(message, callback) {
  $("#dialog-confirm .content").html(message);
  return $("#dialog-confirm").dialog({
    resizable: false,
    height: 180,
    modal: true,
    buttons: {
    Continue: function() {
      $.rails.handleRemote(callback);
      return $(this).dialog("close");
    },
    Cancel: function() {
      return $(this).dialog("close");
    }
  }
});
};