Question

我的<div>中有一个按钮列表，当用户点击特定的div时，我想显示我的控制器的视图，例如：

<div class="row">
      <div id="booking" class="command-buttons tile col-xs-12 btn">
            <h3 class="title">Book appointment</h3>
      </div>
 </div>

当我的用户点击booking div时，我想加载约会预订页面。为了加载视图，我使用以下代码：

$this->load->view('appointments/book', $view);

但我怎么能用js做到这一点？通常调用一个包含视图加载的函数，但在这种情况下我是在js端。

Answer 1

可能是这样的：

$('div#booking').on('click', function() {
    $(this).load( "view.html");
});

您可以在http://api.jquery.com/load/

找到一些详细信息

Answer 2

我不完全确定，但我认为

echo $this->load->view('appointments/book', $view, true);

会将html返回到你的ajax成功函数，然后你可以轻松地将它注入页面。

如何在按下按钮时加载视图？

2 个答案: