留言板

YUI tabs

thumbnail
Aravinth Kumar,修改在9 年前。

YUI tabs

Regular Member 帖子: 152 加入日期: 13-6-26 最近的帖子
Hi,
I followed the below link
http://alloyui.com/examples/tabview/

And created tabs.
And Now my requirement is

To Keep the current tab selected on page refresh.

How to do it?

Thanks in advance
thumbnail
Manali Lalaji,修改在9 年前。

RE: YUI tabs

Expert 帖子: 362 加入日期: 10-3-9 最近的帖子
Hi Aravinth,

Have you tried to generate tabs with <liferay-ui:tabs>?
thumbnail
Mayur Patel,修改在9 年前。

RE: YUI tabs

Expert 帖子: 358 加入日期: 10-11-17 最近的帖子
Hi Aravinth,

This is happening because #tab-2 has class="active". so when you refresh the page tab-2 will be selected everytime.

so you can try by removing class="active" attribute so that it will take default behavior.

<div id="myTab">
  <ul class="nav nav-tabs">
    <li><a href="#tab-1">Tab #1</a></li>
    <li class="active"><a href="#tab-2">Tab #2</a></li>
    <li><a href="#tab-3">Tab #3</a></li>
  </ul>

  <div class="tab-content">
    <div id="tab-1" class="tab-pane">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus dicta aspernatur beatae fuga neque cupiditate laudantium itaque pariatur deleniti tenetur modi voluptatem animi sunt eligendi nisi corporis expedita quaerat facilis.</p>
    </div>
    <div id="tab-2">
      <p>Doloremque beatae rem voluptate nulla perspiciatis atque laudantium nihil impedit molestiae fuga veritatis quibusdam nam maiores aliquid. Deserunt dolorum quas temporibus enim ex nihil nemo perspiciatis. Nisi deserunt rem id pariatur in nostrum?</p>
    </div>
    <div id="tab-3" class="tab-pane">
      <p>Aliquid ipsum asperiores alias temporibus autem impedit soluta ut id iure explicabo veritatis consectetur debitis eaque recusandae odit quas nobis maxime saepe. Incidunt amet obcaecati. Ducimus soluta unde repellat laboriosam fuga modi rem itaque!</p>
    </div>
  </div>
</div>


Thanks.