Question

我是Zend框架的新手，我试图阻止我的应用程序立即加载所有必要的数据，并等到按下按钮。但是，我希望能够在页面之间切换而不是加载新页面。例如，我现在有

<li><a href="#families" data-toggle="tab">Families</a></li

这将切换到正确的页面并显示我想要的标题。但是，它不会获得数据。我添加了第二个按钮

<li><a href="<?php echo $this->basePath();?>/project/advancedFamily">Families</a></li>

此按钮获取数据，但它会重定向到索引选项卡，而不是#families选项卡。因此，如果我单击第二个按钮（获取数据），然后是第一个按钮（移动到正确的选项卡），我会得到正确的行为。我如何将它们合并为一个？

Answer 1

我想你想做这样的事情？ https://jsfiddle.net/mmfansler/2eTSL/

<ul class="nav nav-tabs tabs-up" id="friends">
      <li><a href="/gh/gist/response.html/3843293/" data-target="#contacts" class="media_node active span" id="contacts_tab" data-toggle="tabajax" rel="tooltip"> Contacts </a></li>
      <li><a href="/gh/gist/response.html/3843301/" data-target="#friends_list" class="media_node span" id="friends_list_tab" data-toggle="tabajax" rel="tooltip"> Friends list</a></li>
      <li><a href="/gh/gist/response.html/3843306/" data-target="#awaiting_request" class="media_node span" id="awaiting_request_tab" data-toggle="tabajax" rel="tooltip">Awaiting request</a></li>
</ul>

<div class="tab-content">
<div class="tab-pane active" id="contacts">

      </div>
      <div class="tab-pane" id="friends_list">

      </div>
      <div class="tab-pane  urlbox span8" id="awaiting_request">

      </div>
    </div>

使用Javascript：

$('[data-toggle="tabajax"]').click(function(e) {
    var $this = $(this),
        loadurl = $this.attr('href'),
        targ = $this.attr('data-target');

    $.get(loadurl, function(data) {
        $(targ).html(data);
    });

    $this.tab('show');
    return false;
});

使用Zend Framework将两个动作放在一个链接上

1 个答案: