在打开引导程序模态重定向到另一页之前

Question

我有一个按钮，在其中放置了以下代码：

<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/";
         }


     });

问题：

当我尝试单击“新线程”而不登录时，其第一次打开弹出窗口，然后重定向到登录页面。
我不想在登录之前显示该弹出窗口。

为此，我已经做了上面的事情，但是它对我来说无法正常工作。 所以任何想法，任何建议。

Answer 1

首先，从锚标记中删除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">&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> 

Answer 2

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'); 
   }

});