Php 通过单击按钮打开模式

我有一个关于在codeigniter中链接文件的基本问题。 我想从导航栏中的注册按钮打开我的模式。因为我的导航栏和模式在不同的文件中。我试图通过在导航栏中按钮的href字段中提供url来链接它们

以下是目录结构： 应用

--控制器

----Media.php

<?php

 class media extends CI_Controller
 {
  public function view ($page='home')
  {
    $data['title']=$page;
    $this->load->view('templates/header', $data);
    $this->load->view('media/navbar');
    $this->load->view('media/'.$page, $data);
    $this->load->view('templates/footer', $data);
    }
  }
 ?>

--观点

----navbar.php

----modals.php

Media.php的代码

<?php

 class media extends CI_Controller
 {
  public function view ($page='home')
  {
    $data['title']=$page;
    $this->load->view('templates/header', $data);
    $this->load->view('media/navbar');
    $this->load->view('media/'.$page, $data);
    $this->load->view('templates/footer', $data);
    }
  }
 ?>

navbar.php的代码

     <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">WebCast</a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Popular</a></li>
            <li><a href="#">My Channel</a></li>
            <li><a href="#">Favourites</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right"  >
            <li data-toggle="modal" data-target="#myModalsignup" ><a href="media/modals"><span class="glyphicon glyphicon-user" ></span> Sign Up</a></li>
            <li data-toggle="modal" data-target="#myModallogin" ><a href="#"><span class="glyphicon glyphicon-log-in" ></span> Login</a></li>
          </ul>
        </div>
      </div>
    </nav>

<!-- Login Modal -->
<div id="myModallogin" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">

         <form class="form-inline" role="form">
          <div class="form-group">
            <label for="email">Email address:</label>
            <input type="email" class="form-control" id="email">
          </div>
          <div class="form-group">
            <label for="pwd">Password:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="checkbox">
            <label><input type="checkbox"> Remember me</label>
          </div>
          <button type="submit" class="btn btn-default">Submit</button>
         </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>


<!-- Signup Modal -->
<div id="myModalsignup" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">


         <form class="form-inline" role="form">
          <div class="form-group">
            <label for="email">Email address:</label>
            <input type="email" class="form-control" id="email">
          </div>
          <div class="form-group">
            <label for="pwd">Password:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">Confirm Password:</label>
            <input type="password" class="form-control" id="pwd">
          </div>

          <div class="checkbox">
            <label><input type="checkbox"> Remember me</label>
          </div>
          <button type="submit" class="btn btn-default">Submit</button>
         </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

modals.php的代码

     <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">WebCast</a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Popular</a></li>
            <li><a href="#">My Channel</a></li>
            <li><a href="#">Favourites</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right"  >
            <li data-toggle="modal" data-target="#myModalsignup" ><a href="media/modals"><span class="glyphicon glyphicon-user" ></span> Sign Up</a></li>
            <li data-toggle="modal" data-target="#myModallogin" ><a href="#"><span class="glyphicon glyphicon-log-in" ></span> Login</a></li>
          </ul>
        </div>
      </div>
    </nav>

<!-- Login Modal -->
<div id="myModallogin" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">

         <form class="form-inline" role="form">
          <div class="form-group">
            <label for="email">Email address:</label>
            <input type="email" class="form-control" id="email">
          </div>
          <div class="form-group">
            <label for="pwd">Password:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="checkbox">
            <label><input type="checkbox"> Remember me</label>
          </div>
          <button type="submit" class="btn btn-default">Submit</button>
         </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>


<!-- Signup Modal -->
<div id="myModalsignup" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">


         <form class="form-inline" role="form">
          <div class="form-group">
            <label for="email">Email address:</label>
            <input type="email" class="form-control" id="email">
          </div>
          <div class="form-group">
            <label for="pwd">Password:</label>
            <input type="password" class="form-control" id="pwd">
          </div>
          <div class="form-group">
            <label for="pwd">Confirm Password:</label>
            <input type="password" class="form-control" id="pwd">
          </div>

          <div class="checkbox">
            <label><input type="checkbox"> Remember me</label>
          </div>
          <button type="submit" class="btn btn-default">Submit</button>
         </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

&时代；
模态头
电邮地址：
密码：
记得我吗
提交
关
&时代；
模态头
电邮地址：
密码：
确认密码：
记得我吗
提交
关

我应该如何在这里提供url，以便在单击注册时，我能够打开我的注册模式

---

我没有提出新的问题，而是在收到评论后才编辑这个问题

---

php如何知道这些模态ID的存在。应该使用什么javascript函数，以便在单击注册时可以在同一页面上打开modal？

您需要使用javascript/ajax。我不能提供任何url，以便它引用modals.php文件吗？就像这个链接中的例子。。打开表单时，肯定会给出该页面的url，但您将始终打开一个新页面，而不是实际页面上的模式。@ManishKumar keep it load不会影响您的系统。您能告诉我这里可以使用的javascript函数吗？