【问题标题】:Putting Two Actions on one link using the Zend Framework使用 Zend 框架将两个操作放在一个链接上
【发布时间】:2016-01-19 13:50:25
【问题描述】:

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

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

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

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

此按钮获取数据,但它重定向到索引选项卡,而不是#families 选项卡。因此,如果我单击第二个按钮(获取数据),然后单击第一个按钮(移动到正确的选项卡),我会得到正确的行为。我怎样才能将它们合二为一?

【问题讨论】:

  • 也许可以试试 basePath();?>/project/advancedFamily#families
  • @paul 看起来它仍在重定向页面的索引部分。但是,它确实改变了网址。
  • 不确定我是否正确理解了这个问题,但这可能会有所帮助:stackoverflow.com/questions/8456974/…

标签: php html zend-framework web-applications zend-framework2


【解决方案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;
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-11-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-18
    相关资源
    最近更新 更多