Jquery does not load effect obtained through a service

Question

I will try to present my problem as best I can.

I have a page made in HTML and I have a service made in Java that returns me an html.

In this my html page I use an ajax function to load the data of this service until then everything works well, but I have some effects that when the user clicks open a div using Jquery does not work.

Is it because I’m bringing the html from somewhere else it’s not carrying something?

Here the page with the service running: LINK

Here the static page without the service LINK 2

Click on the + to do the tests.

Answer 1

The archive "http://williamvillar.com.br/assets/js/materialize.min.js" must be loaded after the end of the ajax request, otherwise the elements will not have their listeners loaded, IE, does not detect clicks.

After this line:

if(responseText) {

You can use the block below to fix your problem:

$.getScript( "/assets/js/materialize.min.js", function( data, textStatus, jqxhr ) {
  console.log( data ); // Data returned
  console.log( textStatus ); // Success
  console.log( jqxhr.status ); // 200
  console.log( "Load was performed." );
});