如何防止同一模态多次加载？

Question

• This is a rails application
• Modal will be displayed by clicking on a link
• The link will trigger an action in rails controller which will show the modal
• When double clicked on this link , the modal appears multiple times for each click until modal covers the page.
• How to prevent double action trigger through link and display only one modal?

Answer 1

Based on tag jquery in question. I assume you got something like this

$("#open-modal").on("click", function(){
    #ajax request
});

you should have some "flag" that will toggle between states "open", "closed" and based on it, it should close modal or send ajax.

flag = {};
flag.is_open = false;
$("#open-modal").on("click", function(){
   if(!flag.is_open){ // so at first click result is true
      #ajax request
      #modal creation
      flag.is_open = true; // when user click second time you wont send ajax 
   }
});

 // and when u close

$("#close-modal").on("click", function(){
   if(flag.is_open){ // it is open
      #modal-destruction
      flag.is_open = false; 
   }
});

but you really should give us a piece of code so we could suggest something based on your work