[英]Before open bootstrap modal redirect to another page
我有一個按鈕,在其中放置了以下代碼:
<a href="#thread_add_modal" class="btn btn-primary" id="thread_add_id" data-toggle="modal">New Thread</a>
任何人登錄后都可以創建線程。沒有登錄,我無法允許用戶創建線程。
Javascript:
$("#thread_add_id").click(function(){
var login = "<?php echo $this->session->userdata('login')?>";
if(login == false){
window.location.href = "<?php echo base_url()?>login/";
}
});
問題:
當我嘗試單擊“新線程”而不登錄時,其第一次打開彈出窗口,然后重定向到登錄頁面。
我不想在登錄之前顯示該彈出窗口。
為此,我已經做了上面的事情,但是它對我來說無法正常工作。 所以任何想法,任何建議。
首先,從錨標記中刪除data-toggle="modal"
並添加類clsmodal
我們將在單擊jquery事件時打開模式,請參見下面的代碼片段,我剛剛通過var login = true;
要使此小提琴起作用,您只需在登錄為真的情況下將您的PHP代碼放在此處,就會彈出模態彈出窗口,否則將被重定向
jQuery(document).ready(function(e) { $(".clsmodal").on("click", function() { var login = true; if (login == false) { window.location.href = "<?php echo base_url()?>login/"; } else { $('#myModal').modal('show'); } }); });
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <!-- Button trigger modal --> <button type="button" id="mymodal" class="btn btn-primary btn-lg clsmodal"> Launch demo modal </button> <!-- Modal --> <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">×</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>
1)從按鈕中刪除Bootstrap屬性
<a class="btn btn-primary" id="thread_add_id" >New Thread</a>
2檢測用戶是否已登錄而不是重定向。 否則,請引用您的模態來顯示$('#thread_add_modal').modal('show');
$("#thread_add_id").click(function(){
var login = "<?php echo $this->session->userdata('login')?>";
if(login == false){
window.location.href = "<?php echo base_url()?>login/";
}
else{
$('#thread_add_modal').modal('show');
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.