Hello, I have long been interested in the solution of one idea that arose in my head, can someone tell me the right decision, so the essence:

I would like to make a website like a desktop application, components, ryushechki, this is all a matter of the fifth, I have the whole nagging so that each section of the menu should open in the windows, i.e. each of the pages of the site opens in a window, it can be modal and non-modal, depending on the section, and so, when the window is not modal, therefore it can be opened several times, if you load it through ajax for the first time everything will be OK, but if I re-open this window all the binds to the buttons and other functions will not work correctly because in DOM there is already the first such window, with such id, how is this problem solved? I have had two options so far.

  1. Load the contents of the window in the iframe (but somehow not Camille)
  2. Give the window container a unique identifier and look for objects for Bind in this particular container:

<div id="modal_container_8838921"></div>

But I think people decide it differently ..

Imagine a normal desktop application, let's say a telephone directory, it has a section called subscribers when you click on this section, a new window opens with a list of subscribers and you can edit this directory if you click the subscribers section again. the same window, the first does not close, you can work with the directory in the first window as well as in the second, the same thing I want to implement with the site, the only problem is that if I knit on ('click') functions, etc. for a class or object id in DOM it will not work, or rather, but only for the first open window.

Yes, of course, it would be possible to simply put the focus on the first window, and not open the second one, but my boss wants this "Wishlist" so that users can verify the data, it is more convenient. And the option that you can open the second window in the browser does not want.

  • Not sure what you understand exactly what you want and what the problem is. But can't you just erase this window from the DOM after using it once? - s976
  • just don't use id, use classes instead - Grundy
  • And why do I, as a user, have two identical windows? why it is impossible to do this: if this window is already open, we simply focus on it, if not, we open it. - ThisMan
  • I also want to say that with such an implementation, you will have to simultaneously make changes in both identical windows, and this may not always be a trivial task. - ThisMan
  • Use the form to merge accounts: ru.stackoverflow.com/contact (select I need to merge accounts ). - Nofate ♦

1 answer 1

You subscribe with a live subscription, in the handler you go up to the window selector and you are looking for all the elements in it:

 $(document).on('click', '.some-btn', function (event) { var $component = $(event.target).closest('.window-class'); var $smth = $component.find('.smth'); ... });