jQuery on huge frontend overflows vs. Angular JS

jQuery on huge frontend overflows vs. Angular JS

I've got some serious issues. We started to create a project with very strong and huge frontend. It means that on that frontend is a lot of nested modals, in every modal is a lot of triggers and.. I think that I've reached level where it's not possible to continue in using jQuery.

I've got basic HTML with about 30 triggers on some buttons. One of that button on click shows another modal window. I've got that #modalDiv nested in previous form and it's empty. I load remoted content. I've got two basic methods - to activate, and to remove triggers from that divs. So when I show that modal, I run activateTrigger method and work in that modal window. In this modal window there is about 30 triggers, so it's about 60 triggers together on a lot of objects. I've got proper mapping on specific objects, so it's not in conflict. But in that nested modal I've got another nested modal with another 30 triggers and in that nested modal I've got another.

So I've got something like that: Basic web (30 triggers) -> Modal1 (30 triggers) -> Modal2 (30 triggers) -> Modal3

When I click to activate Modal3, I've got activated about 100 triggers in one DOM. Generally, I've found that in Modal3 I'm not able to use another triggers.

When I want to use in Modal3 code for example:

 
  1. alert($modal.find("button").length);

  2. $modal.find("button").live("click", function() { alert("abc"); });

I've also tried on() but it's same.

I've got big problem. Because first alert gives me correct number - 7, so jQuery sees that buttons, but I'm not able to set triggers to them. In google chrome console I can't see any triggers on that buttons and also it doesn't do anything.

The point is, that I mean that for this huge project I'm not able to use jQuery, but I should use Angular JS or something else.

Can you help me, what can cause the problem? I've got NO syntax problem, or whatever like that.

In Modal3 I've also tried to load content for Modal2 and activate triggers from Modal2 on Modal3 by calling specific method on DOM Object of that Modal3. But also doesn't work. So it seems that I've reached maximum allowed count of active triggers? I don't know what to do!

Would be Angular JS great decision for huge project like that? And what do you think about that jQuery, where can be the problem?