2014-01-09 4 views
0

У меня есть одно требование, я хочу, чтобы отображалось модальное всплывающее окно на основе для цикла с использованием jquery, который я пробовал со следующим запросом. Здесь я хочу отображать модальный всплывающее окно, основанное на значении флага. Например, значение флага 3, а затем всплывающее окно будет отображаться , и когда мы нажмем на закрытие снова, оно будет отображаться до 3 раз. Но следующий код будет отображаться только один раз.отображение модального всплывающего окна, использующего для цикла в запросе

<script type="text/javascript> 
    for(var i=0;i<flag;i++){ 
    jQuery(function ($){ 
     $('#basic-modal-content').modal(); 
    }); 
    } 
</script> 

, пожалуйста, дайте мне предложение решить эту проблему!

+3

Почему вы хотите отображать такое же всплывающее окно 3 раза?? –

+0

Я согласен с @HarshitTailor, что вы хотите с тремя одинаковыми всплывающими окнами? –

+0

Нехороший UX .. –

ответ

1

Я бы не сделал это с помощью цикла, потому что это задача async. Я хотел бы сделать:

var flag = 3; 
(function openModal(times){ 
    if(times <= 0) return; //End 
    $('#basic-modal-content').modal({ 
     'close': function(){   //Assuming this is the syntax for close callback 
      openModal(times-1); 
     } 
    });  
})(flag); 

Другим способ, более длинным, но, может быть, более понятно:

var flag = 3; 
function openModal(){ 
    if(flag > 0){ 
    $('#basic-modal-content').modal({ 
     'close': function(){   //Assuming this is the syntax for close callback 
      flag--;   
      openModal();   
     } 
     });  
    }else{ 
     alert("Finished closing all the times needed!"); 
    } 
}; 
openModal(); 

Надеется, что это помогает. Cheers

+0

i устал над кодом, но я не получаю всплывающих сообщений, вы можете рассказать о любой другой возможности @Edgar Villegas Alvarado – user1990992

Смежные вопросы