Multiple Modals


#1

Hi,

I am new to semantic UI.
I have multiple independent modals on the same page.However when I am opening one modal the
second modal also opens.I have set allowMultiple to false for both modals.Need help to resolve the issue.

Here is the call for modals,

$(’#comparewells_modal’).modal(‘show’);

Immediate help s appreciated.

Thanks,
Leena S


#2

Putting this in the JavaScript block of the code have helped me keep multiple modals separate on my page:

$('a.classname1').click(function(){
  $('.ui.fullscreen.modalname1.modal').modal('show');
});

$('a.classname2').click(function(){
  $('.ui.fullscreen.modalname2.modal').modal('show');
});

In the a href link, just make sure you set the class to class=“classname1”, etc.