Javascript 点击加载远程数据的pendig引导模式

我有以下代码，用于使用jquery ajax将动态数据从远程文件加载到引导中：

JS:

HTML:

//在这里，您可以动态显示您的输出

这对我有效，但模态框在加载/挂起数据之前不会显示。我需要在单击后加载模态框，然后加载数据

---

你怎么解决这个问题

您可以在加载时在单击事件之外进行ajax调用，并在单击时显示隐藏：

$(document).ready(function() {

var essay_id = $(this).attr('id'); 
var results;

$.ajax({ 
      type : 'post', 
      url :  'your_url.php',
      async: false
      'post_id='+ essay_id, 
      success : function(r) { 
          results = r;
      } 
 });

$(' your_element').click(function() {
      if (results) {
          $('#mymodal').show(); 
          $('.something').show().html(results); 
      } 
 });
 });

使用async:false将强制它在继续脚本之前完成您的请求。希望这有帮助

放入$（'#mymodal'）.show（）；进入ajax请求之前的click handler方法的第一行

<a href="#" id="1" class="push">click</a> 

<div class="modal-body">  
   <div class="something" style="display:none;">
     // here you can show your output dynamically 
   </div>
</div>

$(document).ready(function() {

var essay_id = $(this).attr('id'); 
var results;

$.ajax({ 
      type : 'post', 
      url :  'your_url.php',
      async: false
      'post_id='+ essay_id, 
      success : function(r) { 
          results = r;
      } 
 });

$(' your_element').click(function() {
      if (results) {
          $('#mymodal').show(); 
          $('.something').show().html(results); 
      } 
 });
 });