精华内容
下载资源
问答
  • Tabs-源码

    2021-03-08 18:07:40
    Tabs
  • <div><p>https://github.com/mdn/webextensions-examples/tree/master/tabs-tabs-tabs</p>该提问来源于开源项目:mdn/webextensions-examples</p></div>
  • <div><p>Hi, tabs-tabs-tabs & favourite-colour dont work for me. Tested in firefox 45 linux and windows. tabs-tabs-tabs: ->"Move active tab to the beginning of the window" ->"...
  • <div><p>Added some zoom manipulation example in the tabs-tabs-tabs as suggested in the Contribution guide. Made as a participation in "Hacktoberfest"</p><p>该提问来源于开源项目:mdn/...
  • bootstrap tabs

    2019-02-24 13:29:07
    bootstrap 中 打开多页面 tabs,解决无法打开多个页面问题
  • jQuery Tabs插件 PWS Tabs

    2015-07-23 11:30:17
    jQuery Tabs插件 PWS Tabs 演示地址:http://www.jq22.com/plugin/1752
  • Nested Tabs

    2021-01-01 06:36:09
    <p>I tried a simple nesting by simply putting a second set of tabs within the layout of the page being loaded by the main tab (with different container div ids), but I got some unexpected behaviour, ...
  • Tabs refactor

    2020-12-02 16:08:03
    <div><p>Refactor of the gatsby tabs component to use IDL design in place of the carbon tabs component. <p>Testing: implements wcag recommended keyboard navigation: ...
  • Scrollable tabs

    2020-12-09 05:52:31
    <div><p>The number of my Tabs is received from Server (I mean It's variable) and It could be 10 Tabs or more in the same place, so that my categories are shown badly. How can I remove this amount ...
  • Closable tabs

    2020-12-01 12:30:57
    <div><p>Tabs, tabs, tabs... I'm lost. More tabs don't mean more usability for me... The output pane e.g. contains far too many unwanted areas. It would really be nice if I could close some of ...
  • jquery tabs

    2015-04-02 20:56:04
    jquery tabs Jquery实现的Tabs页签
  • smart-tabs:Smart Tabs自定义HTML元素
  • Tabs.

    2020-12-26 20:04:36
    <div><p>I have an issue where my tabs have stopped function. It starts part of the process but I never see any tabs but when you close SWQL Studio it acts as if the tabs were open.</p><p>该提问来源于...
  • composer require eminiarts/nova-tabs 用法 标签面板 您可以将资源的字段分组为选项卡,可以使用数组或Tab对象(从1.4.0开始): // in app/Nova/Resource.php use Eminiarts \ Tabs \ Tabs ; public function ...
  • Hard tabs

    2020-12-02 09:13:35
    <div><p>Can we get rid of the hard tabs in the base template and just stick to two space soft tabs?</p><p>该提问来源于开源项目:jquery/jquery-wp-content</p></div>
  • With this new version, when opening Firefox, Pinned tabs get duplicated as normal tabs at the end of the current group. <p><strong>To Reproduce Pin some tabs, close and reopen Firefox, check tabs. ...
  • jQuery Tabs插件EasyTabs.js

    2015-07-31 14:06:44
    jQuery Tabs插件EasyTabs.js 演示地址:http://www.jq22.com/plugin/259
  • <div><p>docs(tabs): rename statis section to base section in tabs-demo it's(Static tabs) the same as basic tabs related to #3267</p><p>该提问来源于开源项目:valor-software/ngx-bootstrap</p>...
  • m not super familiar with the use of <code>setup.py</code> to test sphinx_tabs locally <p>I believe this should work but I would like to test it first <p>What do you do to test it locally? <p>Thanks...
  • d like to see some visual indicator for tabs that have been opened in the background but haven't been visited yet (i.e. italicize the title text, adjust the background color, add a color strip, ...
  • <div><p>I will like to be able to scroll the title often the tabs in the tabfolder when I have lots of tabs.</p><p>该提问来源于开源项目:eclipsesource/tabris-js</p></div>
  • <div><p>The tabs in ionic-vue keep recreating, not keeping their scroll position, etc. Whereas in ionic-angular the tabs only create their content once, even when switching back and forth within the ...
  • jquerytabs jquery选项卡 jquery tabs
  •  适用情况:tabs页面有且仅有一个tabs。  步骤:在app.module.ts,imports中的【IonicModule.forRoot(MyApp)】替换成如下代码 IonicModule.forRoot(MyApp,{ tabsHideOnSubPages: 'true', //隐藏全部子页面...

    问题界面效果如下:

     

    解决方法1

     适用情况:tabs页面有且仅有一个tabs。

     步骤:在app.module.ts,imports中的【IonicModule.forRoot(MyApp)】替换成如下代码

     IonicModule.forRoot(MyApp,{
          tabsHideOnSubPages: 'true',         //隐藏全部子页面tabs
          backButtonText: '',
          backButtonIcon: 'ios-arrow-back-outline',//统一返回按钮图标
          modalEnter: 'modal-slide-in',
          modalLeave: 'modal-slide-out',
          tabsPlacement: 'bottom'
        }),

     效果:

     

     缺点:如果有多个tabs的话,只会隐藏最内层的tabs

    解决方法2

     适用情况:tabs页面有且仅有一个底部tabs

     步骤:在子页面添加如下代码

    export class HomePage {
      ...
      constructor(...) {
        let elements = document.querySelectorAll(".tabbar");
        if (elements != null) {
          Object.keys(elements).map((key) => {
            elements[key].style.display = 'none';
          });
        }
      }
    
    
      ionViewDidLeave(){
    	let elements = document.querySelectorAll(".tabbar");
    	if (elements != null) {
    	Object.keys(elements).map((key) => {
    	  elements[key].style.display = 'flex';
    	});
    	}
      }
      ...
    }

     效果:

     

     缺点:如果有多个tabs的话,跳转子页面隐藏所有tabs没有问题,返回tabs页面,顶端tabs会遮住页面内容。问题如下图 

     

    解决方法3

     适用情况:tabs页面有多个tabs

     步骤:(说明:tabs页面有底部tabs,my-test页面有顶部tabs,about页面是两个tabs中间的内容,home页面是about页面点击item后跳转的页面)

     1.在tabs页面ts文件都要添加以下代码

     顶部的tabs(代码中“...”省略的代码)

    import {HomePage} from "../home/home";
    import {AboutPage} from "../about/about";
    ...
    export class MyTestPage {
      @ViewChild('topTabs') tabRef: Tabs;
      mb: any;
      public orderTabs = [
        {url:AboutPage,title:"全部",params: {status:''} ,number:""},
        {url:AboutPage,title:"待确认",params: {status: '0' } ,number:""},
        {url:AboutPage,title:"待付款",params: {status:'1' } ,number:""},
        {url:AboutPage,title:"已付款",params: {status:'2' } ,number:""},
      ];
      
    
      constructor(...,private elementRef: ElementRef,
                  private event: Events,private renderer: Renderer) {
      }
    
      ...
    
      ionViewDidLoad(){
        let tabs = this.queryElement(this.elementRef.nativeElement, '.tabbar');
        this.event.subscribe('hideTabs1', () => {
          this.renderer.setElementStyle(tabs, 'display', 'none');
          let SelectTab = this.tabRef.getSelected()._elementRef.nativeElement;
          let content = this.queryElement(SelectTab, '.scroll-content');
          if (content != null){
            this.mb = content.style['margin-top'];
            this.renderer.setElementStyle(content, 'margin-top', '0')
          }
        });
        this.event.subscribe('showTabs1', () => {
          this.renderer.setElementStyle(tabs, 'display', '');
          let SelectTab = this.tabRef.getSelected()._elementRef.nativeElement;
          let content = this.queryElement(SelectTab, '.scroll-content');
          if (content != null){
            this.renderer.setElementStyle(content, 'margin-top', this.mb)
          }
        })
      }
      queryElement(elem: HTMLElement, q: string): HTMLElement {
        return <HTMLElement>elem.querySelector(q);
      }
    }

     底部的tabs(代码中“...”省略的代码

    import {Renderer, ViewChild, ElementRef} from '@angular/core';
    import {Events, Tabs} from "ionic-angular";
    
    
    export class TabsPage {
    
      ...
    
      @ViewChild('myTabs') tabRef: Tabs;
      mb: any;
    
      constructor(private elementRef: ElementRef,private event: Events,private renderer: Renderer) {
    
      }
    
      ionViewDidLoad(){
        let tabs = this.queryElement(this.elementRef.nativeElement, '.tabbar');
        this.event.subscribe('hideTabs', () => {
          this.renderer.setElementStyle(tabs, 'display', 'none');
          let SelectTab = this.tabRef.getSelected()._elementRef.nativeElement;
          let content = this.queryElement(SelectTab, '.scroll-content');
          if (content != null){
            this.mb = content.style['margin-bottom'];
            this.renderer.setElementStyle(content, 'margin-bottom', '0')
          }
        });
        this.event.subscribe('showTabs', () => {
          this.renderer.setElementStyle(tabs, 'display', '');
          let SelectTab = this.tabRef.getSelected()._elementRef.nativeElement;
          let content = this.queryElement(SelectTab, '.scroll-content');
          if (content != null){
            this.renderer.setElementStyle(content, 'margin-bottom', this.mb)
          }
        })
      }
    
      queryElement(elem: HTMLElement, q: string): HTMLElement {
        return <HTMLElement>elem.querySelector(q);
      }
    }

     2.进入子页面,隐藏tabs;离开子页面,显示tabs。如下代码(代码中“...”省略的代码

    import { Events } from 'ionic-angular';
    ...
    
    export class HomePage {
      ...
      constructor(private event: Events) {
        ...
        this.event.publish("hideTabs");
        this.event.publish("hideTabs1");
      }
    
    
      ionViewDidLeave(){
    	this.event.publish("showTabs");
    	this.event.publish("showTabs1");
      }
    
    }

     效果:

      

    缺点:代码复杂。


    展开全文
  • centaur-tabs:Emacs插件旨在成为美观,现代的Tabs插件
  • Move multiple tabs

    2020-12-09 08:14:46
    <div><p>When selecting tabs with ctrl (on windows), only the last selected tabs is moved, not all that were selected. <p>Please add an option to move several tabs at once. </p><p>该提问来源于开源项目...
  • tabs选项卡插件

    2019-09-15 21:49:53
    tabs选项卡插件
  • Numbered Tabs snippets

    2020-12-02 19:43:55
    /* vtabs tracks visible tabs, atabs tracks active tabs, tabs tracks all tabs */ } .tab:not(.collapsed):not(.discarded) { counter-increment: vtabs atabs tabs; } .tab:not(.collapsed) { counter-...
  • easyui tabs中打开新的tabs关闭当前tabs

    千次阅读 2015-09-24 11:51:47
    easyui实现关闭当前tabs打开一个新的tabs //通过如下代码实现 title标题 url 网页地址 function testAddSubPage(title,url){ var jq = top.jQuery; if (jq("#tabs").tabs('exists', title)){ jq("#tabs").ta
    easyui实现关闭当前tabs打开一个新的tabs
    //通过如下代码实现 title标题 url 网页地址
    function testAddSubPage(title,url){  
            var jq = top.jQuery;  
            if (jq("#tabs").tabs('exists', title)){  
                jq("#tabs").tabs('select', title);  
            } else {
                  var content = '<iframe name="mainFrame" scrolling="auto" frameborder="0"  src="' + url + '" style="width:99%;height:99%;"></iframe>';   
                   jq("#tabs").tabs('add',{  
                                      title:title,  
                                      content:content,  
                                      closable:true  
                                    });
                  
                	  
             }  
           
        }  
    	
    //通过title标题关闭tabs
    var jq = top.jQuery;  
    jq('#tabs').tabs('close', 'tabs标题');  

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 39,463
精华内容 15,785
关键字:

tabs