在codeigniter中加載模式對話框ajax

我使用codeigniter php（MVC框架），我想打開一個模式對話框，當點擊一個按鈕，但我的問題是，我的模態只出現在我的響應網絡（在預覽），而不是在我的實際屏幕上。在codeigniter中加載模式對話框ajax

這是我在視圖方面的modal.php文件。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
 
    <div class="modal-dialog" role="document"> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     ... 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     <button type="button" class="btn btn-primary">Save changes</button> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

這是我的控制器，使其指向視圖：

public function showmachinelist() { 
     $this->load->view('monitor/modal'); 

    }

而且我在JS這個按鈕來觸發我的ajax：

button_2: "<button type=\"button\" class=\"getid btn btn-default tara\" data-target=\"#myModal\" data-toggle=\"modal\" data-id=\""+ missedEntry.id +"\" >Select</button>"

而且這個阿賈克斯：

$.ajax({ 
    type: "POST", 
    url: "Monitor/showmachinelist", 
    data: {'val' : imagename}, 
    dataType: "text" 
    }).done(function(data) { 
    console.log("test2"); 
    }).fail(function() { 
alert("error"); 
});

我該如何表明模態？

來源

2017-03-27 Tatu Bogdan

你ajax回報你一些HTML，你必須把該HTML成div並作出div一個popup或modal或dialog。爲此，您可以使用Bootstrap Modal，Jquery UI Dialog等

Bootstrap Modal

Jquery UI Dialog

來源

2017-03-27 12:40:29

在codeigniter中加載模式對話框ajax

回答

相關問題