精华内容
下载资源
问答
  • mui选项卡

    千次阅读 2018-09-28 18:56:27
    【HTML文件】,然后在弹出窗口下面的“选择模板组:”中选中“mui底部选项卡(Webview模式)”。点击完成,就会自动创建一个带有默认页面的模板。 打开tab-webview-main.html可以在右侧看到已经创建了一个有底部...

    极速创建

    【文件】->【新建】->【HTML文件】,然后在弹出窗口下面的“选择模板组:”中选中“mui底部选项卡(Webview模式)”。点击完成,就会自动创建一个带有默认页面的模板。
    这里写图片描述
    打开tab-webview-main.html可以在右侧看到已经创建了一个有底部选项卡的主页面。再浏览其它页面可以看到各个页面的内容。但是在右侧的web浏览器中点击选项卡的话,只是顶部标题文字变了,内容是空白的,这时候看到控制台中的错误信息:

    [Web浏览器] “Uncaught ReferenceError: plus is not defined (提示: plus api只能在手机app里运行)”

    真机调试

    也就是说想看到点击效果,必须在安卓设备上运行。Hbuilder中可以支持真机调试,用自己的手机开启调试,然后连接到电脑后(要各种助手软件能检测到)可以在菜单栏的【运行】->【手机运行】下看到连接到的手机。直接点击就可以运行了。

    如果手机连接很麻烦,这时候可以用安卓模拟器进行调试,我调试用的是天天模拟器,打开模拟器之后,控制台输入adb connect 127.0.0.1:6555,然后等待约5秒就可以在菜单中找到安卓模拟器了。这里的6555是天天模拟器的端口,详细关于安卓模拟器调试,请看我的另一篇文章:http://blog.csdn.net/anjingshen/article/details/74085075

    一切就绪后,点击【在XX设备上运行my项目】,就可以在安卓上看到启动了一个Hbuilder的程序,但是出来的是hello world,并不是带选项卡的首页,可以在manifest.json中设置【页面入口】选项,设置为tab-webview-main.html,保存,在此启动app就可以看到效果了。

    点击各个选项卡,初次加载是fade-in淡入动画,再次加载就直接显示了。

    页面分析

    会到Hbuilder,查看新增加的五个文件。可以看到,选项卡在tab-webview-main.html文件中,其他各个页面内容不同,共用这个选项卡。拿首页(about)页面来说,实际上是把由tab-webview-main.html和tab-webview-subpage-about.html组合而成的。

    这里其使用到的是mui中的子页面技术。父页面tab-webview-main.html,其他几个页面可以通过父页面切换。

    考虑到性能和效果等因素,如果希望把一个页面拆分成两个或多个页面的话,就应该使用子页面。

    为方便起见,我们把这些文件重命名,tab-webview-main.html改成main.html,其他几个去掉tab-webview-subpage-前缀。

    打开main.html文件,看到html部分就是一个header和底部选项卡nav标签。

    再看js部分。第一行是调用mui的init初始化页面:

    mui.init();
    1
    

    这里在每个页面都必须调用一次,主要是mui的绑定事件等初始化工作。

    var subpages = ['tab-webview-subpage-about.html', 'tab-webview-subpage-chat.html', 'tab-webview-subpage-contact.html', 'tab-webview-subpage-setting.html'];
    1
    

    这里把所有子页面的地址保存起来了,由于改变了文件名,这里也要做相应改变。

    var subpages = ['about.html', 'chat.html', 'contact.html', 'setting.html'];
    1
    

    接下来定义的subpage_style是子页面的样式,在后面用到的,这里先不用管。

    //创建子页面,首个选项卡页面显示,其它均隐藏;
    mui.plusReady(function() {
        var self = plus.webview.currentWebview();
        for (var i = 0; i < 4; i++) {
            var temp = {};
            var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
            if (i > 0) {//不是第一个就隐藏
                sub.hide();
            }else{//第一个不隐藏,并且在标志数组中记录下来。
                temp[subpages[i]] = "true";
                mui.extend(aniShow,temp);
            }
            self.append(sub);//加入子页面
        }
    });
    123456789101112131415
    

    上面是调用了mui的plusReady函数,并传递了一个回调函数。
    在app开发中,若要使用HTML5+扩展api,比如打开新页面openWindow,显示遮罩层showWaiting等,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。关于事件的详细内容,看这里:http://www.html5plus.org/doc/zh_cn/events.html

    回到上面的代码,里面的回调函数会在页面初始化完后执行。看下函数里面,第一行是得到当前页面对象(WebviewObject)。

    跟plus.webview.currentWebview统一层的还有create, show, open, hide, close, showWaiting, closeWaiting 等界面相关的操作。

    上面我们说道,main是主页面,其他四个是它的子页面,添加子页面有两种方式,一种是调用webview对象的append方法,另一种是在init函数中传入配置项,详见:http://dev.dcloud.net.cn/mui/window/#subpage

    这里采用的是第一种方法append。先遍历subpages数组,显示第一个,隐藏其他几个,这里谁隐藏了,谁没有隐藏,还需要aniShow这个字典记录,显示的就把响应的键置为"true"

    这时候页面就会默认显示about.html页面,但是点击选项卡并不会切换,因为没有为他们监听事件。

    //选项卡点击事件
    mui('.mui-bar-tab').on('tap', 'a', function(e) {
        var targetTab = this.getAttribute('href');
        if (targetTab == activeTab) {
            return;
        }
        //更换标题
        title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;
        //显示目标选项卡
        //若为iOS平台或非首次显示,则直接显示
        if(mui.os.ios||aniShow[targetTab]){
            plus.webview.show(targetTab);
        }else{
            //否则,使用fade-in动画,且保存变量
            var temp = {};
            temp[targetTab] = "true";
            mui.extend(aniShow,temp);
            plus.webview.show(targetTab,"fade-in",300);
        }
        //隐藏当前;
        plus.webview.hide(activeTab);
        //更改当前活跃的选项卡
        activeTab = targetTab;
    });
    123456789101112131415161718192021222324
    

    事件监听可以用原生JavaScript,也可以用jquery,但是官方不推荐jquery,太重量级了,对app性能是一个巨大损耗。

    这里可以为每个tab设置id,然后分别写监听,不过显然比较麻烦。也可以用document.querySelector(‘.mui-bar-tab a’).addEventListener监听,不过用官方包装后的mui(‘.mui-bar-tab’).on函数显然更方便,on函数三个参数分别是【事件名称】,【子元素】,【绑定函数】。

    注意:这里的事件名是tap而不是click,因为click事件有默认300ms延迟。

    这里通过href属性获取子页面url。【href属性也需要改文件名】,然后判断点击的页面和当前显示的页面是否相同,如果相同就直接退出,这里不判断的话,会出现点击两次白屏的效果。

    然后更新标题,判断是否已经显示过了,如果显示过aniShow[url]'true',页面已经加载过,可以直接显示,不需要过渡动画。如果页面没有显示过,通过plus.webview.show 方法显示,这里的"fade-in",参数表示用淡入动画。【注意:子页面只支持淡入动画】,其他如”slide-in-right”都无效,会有闪屏现象,体验很差。

    然后是将上一个webview隐藏,记录当前webview的url。

     //自定义事件,模拟点击“首页选项卡”
    document.addEventListener('gohome', function() {
        var defaultTab = document.getElementById("defaultTab");
        //模拟首页点击
        mui.trigger(defaultTab, 'tap');
        //切换选项卡高亮
        var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");
        if (defaultTab !== current) {
            current.classList.remove('mui-active');
            defaultTab.classList.add('mui-active');
        }
    });
    123456789101112
    

    最后是一个自定义页面事件,干什么用呢?如果其他页面想直接返回首页怎么办?找到main对应的webview然后show显示,显示的不一定是首页啊,因为activeTab有可能是通讯录、设置、消息。找到about的webview然后show嘛?更不行啊,这样就没选项卡了。所以这就涉及到页面间传值了。关于这部分可以看这篇文章:http://dev.dcloud.net.cn/mui/event/#customevent

    --------------------- 本文来自 景影随形 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/anjingshen/article/details/74138717?utm_source=copy

    展开全文
  • “模糊”选项卡允许您使用模糊匹配快速浏览选项卡。 模糊选项卡为Chrome带来类似于...可用的快捷键有:Alt + O:启动模糊选项卡Alx + C:关闭聚焦选项卡可以在chrome:// extensions /中更改快捷方式 支持语言:English
  • 一个简单的ES6 Webapp,可在选项卡中编写注释。 内容 特征 简单的用户界面,可以在可能的情况下适应您的系统颜色(目前在Firefox中)。 非常适合与“! 每个注释是一个单独的选项卡/窗口。 每个注释可以具有标题...
  • 滚动浏览打开的选项卡的用法----------------------------------------方法1:按ALT键+鼠标滚轮方式2:按下鼠标右键+鼠标滚轮滚动时,鼠标必须位于页面上的任何位置,而不能位于选项卡上。另外,如果您一次停用了...
  • 静音新选项卡,直到你取消静音 静音新标签页可阻止网站未经您允许而制造噪音。它使用Chrome的标签页静音API自动将新标签页静音。在受支持的网站上,当您与页内音量控件进行交互时,它将自动取消对选项卡的静音。如果...
  • 在APP中,底部的选项卡菜单一般是各个APP都有的,在mui中怎样创建呢,下面就简单说下。极速创建【文件】->【新建】->【HTML文件】,然后在弹出窗口下面的“选择模板组:”中选中“mui底部选项卡(Webview模式)”。...

    在上一篇文章中简单介绍了mui框架,并创建了第一个mui项目。在APP中,底部的选项卡菜单一般是各个APP都有的,在mui中怎样创建呢,下面就简单说下。

    极速创建

    【文件】->【新建】->【HTML文件】,然后在弹出窗口下面的“选择模板组:”中选中“mui底部选项卡(Webview模式)”。点击完成,就会自动创建一个带有默认页面的模板。
    这里写图片描述
    打开tab-webview-main.html可以在右侧看到已经创建了一个有底部选项卡的主页面。再浏览其它页面可以看到各个页面的内容。但是在右侧的web浏览器中点击选项卡的话,只是顶部标题文字变了,内容是空白的,这时候看到控制台中的错误信息:

    [Web浏览器] “Uncaught ReferenceError: plus is not defined (提示: plus api只能在手机app里运行)”

    真机调试

    也就是说想看到点击效果,必须在安卓设备上运行。Hbuilder中可以支持真机调试,用自己的手机开启调试,然后连接到电脑后(要各种助手软件能检测到)可以在菜单栏的【运行】->【手机运行】下看到连接到的手机。直接点击就可以运行了。

    如果手机连接很麻烦,这时候可以用安卓模拟器进行调试,我调试用的是天天模拟器,打开模拟器之后,控制台输入adb connect 127.0.0.1:6555,然后等待约5秒就可以在菜单中找到安卓模拟器了。这里的6555是天天模拟器的端口,详细关于安卓模拟器调试,请看我的另一篇文章:http://blog.csdn.net/anjingshen/article/details/74085075

    一切就绪后,点击【在XX设备上运行my项目】,就可以在安卓上看到启动了一个Hbuilder的程序,但是出来的是hello world,并不是带选项卡的首页,可以在manifest.json中设置【页面入口】选项,设置为tab-webview-main.html,保存,在此启动app就可以看到效果了。

    点击各个选项卡,初次加载是fade-in淡入动画,再次加载就直接显示了。

    页面分析

    会到Hbuilder,查看新增加的五个文件。可以看到,选项卡在tab-webview-main.html文件中,其他各个页面内容不同,共用这个选项卡。拿首页(about)页面来说,实际上是把由tab-webview-main.html和tab-webview-subpage-about.html组合而成的。

    这里其使用到的是mui中的子页面技术。父页面tab-webview-main.html,其他几个页面可以通过父页面切换。

    考虑到性能和效果等因素,如果希望把一个页面拆分成两个或多个页面的话,就应该使用子页面。

    为方便起见,我们把这些文件重命名,tab-webview-main.html改成main.html,其他几个去掉tab-webview-subpage-前缀。

    打开main.html文件,看到html部分就是一个header和底部选项卡nav标签。

    再看js部分。第一行是调用mui的init初始化页面:

    mui.init();
    

    这里在每个页面都必须调用一次,主要是mui的绑定事件等初始化工作。

    var subpages = ['tab-webview-subpage-about.html', 'tab-webview-subpage-chat.html', 'tab-webview-subpage-contact.html', 'tab-webview-subpage-setting.html'];
    

    这里把所有子页面的地址保存起来了,由于改变了文件名,这里也要做相应改变。

    var subpages = ['about.html', 'chat.html', 'contact.html', 'setting.html'];
    

    接下来定义的subpage_style是子页面的样式,在后面用到的,这里先不用管。

    //创建子页面,首个选项卡页面显示,其它均隐藏;
    mui.plusReady(function() {
        var self = plus.webview.currentWebview();
        for (var i = 0; i < 4; i++) {
            var temp = {};
            var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
            if (i > 0) {//不是第一个就隐藏
                sub.hide();
            }else{//第一个不隐藏,并且在标志数组中记录下来。
                temp[subpages[i]] = "true";
                mui.extend(aniShow,temp);
            }
            self.append(sub);//加入子页面
        }
    });
    

    上面是调用了mui的plusReady函数,并传递了一个回调函数。
    在app开发中,若要使用HTML5+扩展api,比如打开新页面openWindow,显示遮罩层showWaiting等,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。关于事件的详细内容,看这里:http://www.html5plus.org/doc/zh_cn/events.html

    回到上面的代码,里面的回调函数会在页面初始化完后执行。看下函数里面,第一行是得到当前页面对象(WebviewObject)。

    跟plus.webview.currentWebview统一层的还有create, show, open, hide, close, showWaiting, closeWaiting 等界面相关的操作。

    上面我们说道,main是主页面,其他四个是它的子页面,添加子页面有两种方式,一种是调用webview对象的append方法,另一种是在init函数中传入配置项,详见:http://dev.dcloud.net.cn/mui/window/#subpage

    这里采用的是第一种方法append。先遍历subpages数组,显示第一个,隐藏其他几个,这里谁隐藏了,谁没有隐藏,还需要aniShow这个字典记录,显示的就把响应的键置为"true"

    这时候页面就会默认显示about.html页面,但是点击选项卡并不会切换,因为没有为他们监听事件。

    //选项卡点击事件
    mui('.mui-bar-tab').on('tap', 'a', function(e) {
        var targetTab = this.getAttribute('href');
        if (targetTab == activeTab) {
            return;
        }
        //更换标题
        title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;
        //显示目标选项卡
        //若为iOS平台或非首次显示,则直接显示
        if(mui.os.ios||aniShow[targetTab]){
            plus.webview.show(targetTab);
        }else{
            //否则,使用fade-in动画,且保存变量
            var temp = {};
            temp[targetTab] = "true";
            mui.extend(aniShow,temp);
            plus.webview.show(targetTab,"fade-in",300);
        }
        //隐藏当前;
        plus.webview.hide(activeTab);
        //更改当前活跃的选项卡
        activeTab = targetTab;
    });
    

    事件监听可以用原生JavaScript,也可以用jquery,但是官方不推荐jquery,太重量级了,对app性能是一个巨大损耗。

    这里可以为每个tab设置id,然后分别写监听,不过显然比较麻烦。也可以用document.querySelector(‘.mui-bar-tab a’).addEventListener监听,不过用官方包装后的mui(‘.mui-bar-tab’).on函数显然更方便,on函数三个参数分别是【事件名称】,【子元素】,【绑定函数】。

    注意:这里的事件名是tap而不是click,因为click事件有默认300ms延迟。

    这里通过href属性获取子页面url。【href属性也需要改文件名】,然后判断点击的页面和当前显示的页面是否相同,如果相同就直接退出,这里不判断的话,会出现点击两次白屏的效果。

    然后更新标题,判断是否已经显示过了,如果显示过aniShow[url]'true',页面已经加载过,可以直接显示,不需要过渡动画。如果页面没有显示过,通过plus.webview.show 方法显示,这里的"fade-in",参数表示用淡入动画。【注意:子页面只支持淡入动画】,其他如”slide-in-right”都无效,会有闪屏现象,体验很差。

    然后是将上一个webview隐藏,记录当前webview的url。

     //自定义事件,模拟点击“首页选项卡”
    document.addEventListener('gohome', function() {
        var defaultTab = document.getElementById("defaultTab");
        //模拟首页点击
        mui.trigger(defaultTab, 'tap');
        //切换选项卡高亮
        var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");
        if (defaultTab !== current) {
            current.classList.remove('mui-active');
            defaultTab.classList.add('mui-active');
        }
    });
    

    最后是一个自定义页面事件,干什么用呢?如果其他页面想直接返回首页怎么办?找到main对应的webview然后show显示,显示的不一定是首页啊,因为activeTab有可能是通讯录、设置、消息。找到about的webview然后show嘛?更不行啊,这样就没选项卡了。所以这就涉及到页面间传值了。关于这部分可以看这篇文章:http://dev.dcloud.net.cn/mui/event/#customevent

    注意:自定义事件是mui开发的核心,下一节会详细介绍。

    更多需要注意的内容,这里总结的比较详细,我就不重复造轮子了,一定要看看:http://ask.dcloud.net.cn/article/122

    展开全文
  • 功能包括:撤消已删除的选项卡或窗口,对窗口选项卡进行排序以更好地浏览,使用Great Suspender时显示真实的选项卡URL,使用键盘快捷键启动管理器,从管理器或下拉菜单中保存或恢复会话的选项,按标题或URL过滤标签...
  • 13.jQuery UI 选项卡UI

    千次阅读 2014-08-10 18:19:36
    选项卡(tab),是一种能提供给用户在同一个页面切换不同内容的UI。尤其是在页 面布局紧凑的页面上,提供了非常好的用户体验。






       选项卡(tab),是一种能提供给用户在同一个页面切换不同内容的UI。尤其是在页面布

    局紧凑的页面上,提供了非常好的用户体验。






    一.使用tabs


    html : 


    <div id="tabs">
    
       <ul>
    
          <li><a href="#tabs1">tab1</a></li>
          <li><a href="#tabs2">tab2</a></li>
          <li><a href="#tabs3">tab3</a></li>
    
       </ul>
    
    <div id="tabs1">tab1-content</div>
    
    <div id="tabs2">tab2-content</div>
    
    <div id="tabs3">tab3-content</div>
    
    </div>



    jQuery : 


    $('#tabs').tabs();







    二.修改tabs 样式

       在弹出的tabs 对话框中,在火狐浏览器中打开Firebug 或者右击->查看元素。这样,

    可以看看tabs 的样式,根据样式进行修改。为了和网站主题符合,对tabs 的标题背景进行

    修改。


    //无须修改ui 里的CSS,直接用style.css 替代掉
    .ui-widget-header {
    
       background:url(../img/xxx.png);
    
    }


    //去掉外边框
    #tabs {
    
       border:none;
    
    }



    //内容区域修饰
    #tabs1, #tabs2, #tabs3 {
    
       height:100px;
    
       padding:10px;
    
       border:1px solid #aaa;
    
       border-top:none;
    
       position:relative;
    
       top:-2px;
    
    }






    三.tabs()方法的属性

       选项卡方法有两种形式:1.tabs(options),options 是以对象键值对的形式传参,

    每个键值对表示一个选项;2.tabs('action', param),action 是操作选项卡方法的

    字符串,param 则是options 的某个选项。





    tabs 外观选项
    属性
    默认值/类型
    说明
    collapsible
    false/布尔值
    当设置为true 是,允许选项卡折叠对应的内容。
    默认值为false,不会关闭对应内容
    disabled
    无/数组
    使用数组来指定禁用哪个选项卡的索引,比如:
    [0,1]来禁用前两个选项卡
    event
    click/字符串
    触发tab 的事件类型,默认为click。可以设置
    mouseover 等其他鼠标事件
    active
    数组和布尔值
    如果是数组,初始化时默认显示哪个tab,默认值
    为0。如果是布尔值,那么默认是否折叠。条件
    必须是collapsible 值为true
    heightStyle
    content/字符串
    默认为content,即根据内容伸展高度。Auto 则自
    动根据最高的那个为基准,fill 则是填充一定的可
    用高度
    show
    false 布尔值
    切换选项卡时,默认采用淡入效果
    hide
    false 布尔值
    切换选项卡时,默认采用淡出效果




    $('#tabs').tabs({
    
       collapsible : true,
    
       disabled : [0],
    
       event : 'mouseover',
    
       active : false,
    
       heightStyle : 'content',
    
       hide : true,
    
       show : true,
    
    });




    注意:设置true 后,默认为淡入淡出,如果想使用别的特效,可以使用以下表格中的字符串

    参数。




    show 和hide 可选特效
    特效名称
    说明
    blind
    对话框从顶部显示或消失
    bounce
    对话框断断续续地显示或消失,垂直运动
    clip
    对话框从中心垂直地显示或消失
    slide
    对话框从左边显示或消失
    drop
    对话框从左边显示或消失,有透明度变化
    fold
    对话框从左上角显示或消失
    highlight
    对话框显示或消失,伴随着透明度和背景色的变化
    puff
    对话框从中心开始缩放。显示时“收缩”,消失时“生长”
    scale
    对话框从中心开始缩放。显示时“生长”,消失时“收缩”
    pulsate
    对话框以闪烁形式显示或消失






    四.tabs()方法的事件

       除了属性设置外,tabs()方法也提供了大量的事件。这些事件可以给各种不同状态时提供回

    函数。



    tab 事件选项
    事件名
    说明
    create
    当创建一个选项卡时激活此事件。该方法有两个参数
    (event, ui),ui 参数有两个子属性tab 和panel,得到当前
    活动卡和内容选项的对象
    activate
    当切换一个活动卡时,启动此事件。该方法有两个参数
    (event, ui),ui 参数有四个子属性newTab、newPanel、
    oldTab,oldPanel。分别得到的时候新tab 对象、新内容
    对象、旧tab 对象和旧内容对象
    beforeActivate
    当切换一个活动卡之前,启动此事件。该方法有两个参
    数(event, ui),ui 参数有四个子属性newTab、newPanel、
    oldTab,oldPanel。分别得到的时候新tab 对象、新内容
    对象、旧tab 对象和旧内容对象
    load
    当ajax 加载一个文档后激活此事件。该方法有两个参数
    (event, ui),ui 参数有两个子属性tab 和panel,得到当前
    活动卡和内容选项的对象
    beforeLoad
    当ajax 加载一个文档前激活此事件。该方法有两个参数
    (event, ui),ui 参数有四个子属性tab 和panel 以及jqXHR
    和ajaxSettings,前两个得到当前活动卡和内容选项的对
    象,后两个是ajax 操作对象




    //当选项卡创建时触发
    $('#tabs').tabs({
    
       create : function (event, ui) {
    
          alert($(ui.tab.get()).html());
    
          alert($(ui.panel.get()).html());
    
       },
    });
    
    //当切换到一个活动卡时触发
    $('#tabs').tabs({
    
       activate : function (event, ui) {
    
          alert($(ui.oldTab.get()).html());
    
          alert($(ui.oldPanel.get()).html());
    
          alert($(ui.newTab.get()).html());
    
          alert($(ui.newPanel.get()).html());
    
       },
    
    });
    
    //当切换到一个活动卡之前触发
    $('#tabs').tabs({
    
       beforeActivate : function (event, ui) {
    
          alert($(ui.oldTab.get()).html());
    
          alert($(ui.oldPanel.get()).html());
    
          alert($(ui.newTab.get()).html());
    
          alert($(ui.newPanel.get()).html());
    
       },
    
    });
    




    ajax 调用的基本方法



    html : 


    <ul>
    
       <li><a href="tabs1.html">tab1</a></li>
       <li><a href="tabs2.html">tab2</a></li>
       <li><a href="tabs3.html">tab3</a></li>
    
    </ul>




    而tabs1.html、tabs2.html 和tabs3.html 只要书写即可,无须包含<div>。比如:


    tabs1-content





    //ajax 加载后触发
    $('#tabs').tabs({
    
       load : function (event, ui) {
    
          alert('ajax 加载后触发!');
    
       }
    
    });
    
    //ajax 加载前触发
    $('#tabs').tabs({
    
       beforeLoad : function (event, ui) {
    
          ui.ajaxSettings.url = 'tabs2.html';
    
          ui.jqXHR.success(function (responseText) {
    
             alert(responseText);
    
          });
    
       }
    
    });




    tabs('action', param)方法
    方法
    返回值
    说明
    tabs('disable')
    jQuery 对象
    禁用选项卡
    tabs('enable')
    jQuery 对象
    启用选项卡
    tabs('load')
    jQuery 对象
    通过ajax 获取选项卡内容
    tabs('widget')
    jQuery 对象
    获取选项卡的jQuery 对象
    tabs('destroy')
    jQuery 对象
    删除选项卡,直接阻断了tabs
    tabs('refresh')
    jQuery 对象
    更新选项卡,比如高度
    tabs('option', param)
    一般值
    获取options 属性的值
    tabs('option', param, value)
    jQuery 对象
    设置options 属性的值




    //禁用选项卡
    $('#tabs').tabs('disable');        //$('#tabs').tabs('disable', 0);
    
    //启用选项卡
    $('#tabs').tabs('enable');          //$('#tabs').tabs('enable', 0);
    
    //获取选项卡jQuery 对象
    $('#tabs').tabs('widget');
    
    //更新选项卡
    $('#tabs').tabs('refresh');
    
    //删除tabs 选项卡
    $('#tabs').tabs('destroy');
    
    //重载指定选项卡内容
    $('#button').click(function () {
    
       $('#tabs').tabs('load', 0);
    
    });
    
    //得到tabs 的options 值
    alert($('#tabs').tabs('option', 'active'));
    
    //设置tabs 的options 值
    $('#tabs').tabs('option', 'active', 1);







    五.tabs 中使用on()

       在tabs 的事件中,提供了使用on()方法处理的事件方法。



    on()方法触发的选项卡事件
    特效名称
    说明
    tabsload
    Ajax 加载后触发
    tabsbeforeload
    Ajax 加载前触发
    tabsactivate
    选项卡切换时触发
    tabsbeforeactivate
    选项卡切换前触发





    //ajax 加载后触发
    $('#tabs').on('tabsload', function () {
    
       alert('ajax 加载后触发!');
    
    });
    
    //ajax 加载前触发
    $('#tabs').on('tabsbeforeload', function () {
    
       alert('ajax 加载前触发!');
    
    });
    
    //选项卡切换时触发
    $('#tabs').on('tabsactivate', function () {
    
       alert('选项卡切换时触发!');
    
    });
    
    //选项卡切换前触发
    $('#tabs').on('tabsbeforeactivate ', function () {
    
        alert('选项卡切换前触发!');
    
    });


    展开全文
  • 这将保存铬窗口和标签稍后重新加载。 跟踪并保存您的谷歌浏览器窗口和标签。...可以自动追踪添加到窗口的新标签,并启动谷歌浏览器可以一次启动多个窗口。与其他机器同步您保存的窗口和标签。 支持语言:English (UK)
  • IIS没有ASP.NET选项卡的解决办法

    千次阅读 2014-08-21 12:11:14
    1,如果是只安装了.net framework 1.1 在iis中是不显示那个选项卡的。默认就会支持asp.net1.1。在安装了.net framework 2.0后,iis站点属性里才会有asp.net的选项。 2,安装asp.net2.0后,请关闭iis窗口,重新...

    原因1:

    1,如果是只安装了.net framework 1.1 在iis中是不显示那个选项卡的。默认就会支持asp.net1.1。在安装了.net framework 2.0后,iis站点属性里才会有asp.net的选项。

    2,安装asp.net2.0后,请关闭iis窗口,重新打开iis,iis站点属性里才会有asp.net的选项 

    3,如果还没有,那么就要重新在IIS中注册asp.net,方法如下: 
    (1) 打开命令窗口。(依次单击“开始”、“运行”,键入 cmd,然后单击“确定”。) 
    (2) 浏览到要使用的 Aspnet_regiis.exe 版本的目录(请记住,每个版本的 .NET Framework 都有自己的 Aspnet_regiis.exe 版本)。该文件通常位于下列目录中: systemroot\Microsoft.NET\Framework\versionNumber
    输入以下代码,回车,等待其安装完成 。 
    如:C:\Windows\\Microsoft.NET\Framework\v1.1.4322\aspnet_regiis -i 
    如:C:\Windows\\Microsoft.NET\Framework\v2.0.50727\aspnet_regiis -i

    解决1:

    重新安装Framework2.0

    原因2:

    1:在服务中停止IIS Admin Service(同时会提示是否停止对应的其他,将这些服务都停止)
    2:打开文件” C:\WINDOWS\system32\inetsrv\MetaBase.xml”, 
    删除Enable32BitAppOnWin64='TRUE'这句话后保存文件。
    3:重新启动IIS Admin Service服务和IIS后就可以看到ASP.net Tab

    注意:MetaBase.xml 可能没有权限修改。要手动添加权限

     

    =============================================================

    这两天打开IIS的时候发现ASP.NET 选项卡不见了。开始认为重新注册下asp.net 就行了,于是 运行1.1和2.0下的 aspnet_regiis.exe -i 。但是没有一点效果。突然想起前一段做过IIS的MetaBase.xml的备份,于是乎fc文件比较,发现有一处地方是不一样的,备份的那个没有这条数据 Enable32BitAppOnWin64 = True。把这条数据删除或者调用IIS 脚本adsutil.vbs set W3SVC/AppPools/Enable32BitAppOnWin64 "false"后ASP.NET选项卡终于出现了。
            从字面上理解此句的含义应该是在win64位的操作系统上支持32位的应用程序。暂且记下,看看微软有什么说法没。
     
     
    ====================================================
    在64位Windows的IIS上开启32位程序支持   
     

    经常碰到32位的DLL什么的不能在64位Windows的IIS上调用,在网上找到这篇文章也许能够解决很多问题。总的思路就是先允许IIS支持32位程序,然后再用.Net Framework注册IIS。

    Enable 32-bit Server Applications on 64-bit Machines

    ASP.NET applications that use TX Text Control .NET Server must be compiled for 32-bit platforms (seethis article). IIS must be configured to execute these 32-bit applications. Generally, all applications will be executed in 64-bit mode.

    1. Enable IIS's 32-bit support

    Open a command prompt and type in the following command:

    cscript %SYSTEMDRIVE%\inetpub\adminscripts\adsutil.vbs SET W3SVC/AppPools/Enable32bitAppOnWin64 1

    This command enables the 32-bit mode in IIS.

    2. Install the IIS 32-bit extensions

    Open a command prompt and type the following command:

    %SYSTEMROOT%\Microsoft.NET\Framework\v2.0.50727\aspnet_regiis.exe -i

    This command installs the 32-bit web extensions for .NET Framework 2.0.

    3. Activate .NET Framework 2.0 32-bit in IIS

    In the IIS-Manager, select the 'ASP.NET v2.0.50727 (32bit)' in the 'Web Service Extensions' panel and check 'allow' to activate it.

    4. Restart the IIS by opening a command prompt:

    iisrestart

     

    简单来说,就是PHP是32位的,而IIS是64位的,不兼容,为了兼容,只能修改IIS,将其降为32位兼容方式运行,下降的方法是

    1.进入%systemdrive%\Inetpub\AdminScripts目录下
    2.执行命令

    cscript.exe adsutil.vbs set W3SVC/AppPools/Enable32BitAppOnWin64 "true"
    或者
    cscript.exe adsutil.vbs set W3SVC/AppPools/Enable32BitAppOnWin64 1

    3.执行命令iisreset

    展开全文
  • windows2003 下IIS没有ASP.NET选项卡

    千次阅读 2012-08-22 15:26:25
    windows2003 下IIS没有ASP.NET选项卡的  转载至:http://blog.csdn.net/chichaodechao/article/details/7073143 原因1: 1,如果是只安装了.net framework 1.1 在iis中是不显示那个选项卡的。默认就会支持...
  • windows2003 下IIS没有ASP.NET选项卡的解决方法
  • 此工作流程在其他浏览器中打开浏览器的当前活动选项卡。 它基于安德鲁·柯蒂斯·布莱克(Andrew Curtis-Black)的工作流程其本身基于另一个工作流程。 我扩展了现有的工作流程以更好地满足我的需求: 我在Safari...
  • 谷歌浏览器开发者模式network选项

    千次阅读 2020-09-17 00:27:07
    前言 浏览器开发者模式是我们在开发...本文主要描述一些我在学习开发者模式的network选项卡时的一些心得体会,供新手朋友参考,若新手朋友感觉还是有点看不懂,可以先了解一下http原理,这里推荐《HTTP权威指南完整版》...
  • Firefox - 附加组件 - 扩展 - Firebug - HTML视图 - Style样式选项卡 - 显示计算样式不显示所有可用的样式在HTML视图右侧选择Style样式选项卡,在Option选项菜单中包括show ComputedStyle显示计算样式菜单项,此时将...
  • 如何让IE8默认启动InPrivate浏览模式

    千次阅读 2013-08-08 15:37:57
    InPrivate的方式下浏览器网页,是IE8浏览器提供了一个全新的新功能,他是为了保护个人上网的隐私而特别开发的,防止其他人看到你上网浏览过的网页信息和网站登录信息,当你的IE浏览器以InPrivate方式启动浏览网页的...
  • Eclipse 中 Tomcat启动卡100%(preparing launch delegate...)

    万次阅读 多人点赞 2016-06-24 15:24:59
    如果Win7 Eclipse tomcat启动卡在preparing launch delegate... 100%的话,很可能是代理问题,打开IE浏览器,选择 internet选项 -〉连接 -〉局域网设置 -〉选中“跳过本地地址的代理服务器”,重启tomcat就可以了。
  • 1.打开Tools-Options-HTTPS选项卡; 2.点击"Actions"下拉选择“Trust Root Certificate”-弹框选择“yes”-弹框选择“yes”; 3.点击"Actions"下拉选择“Export Root Certificate to Desktop”,将fiddler证书导出...
  • 1、网络:网卡自启动,IP地址 首先,CentOS开机网卡不会自动启动,需要配置。 vim /etc/sysconfig/network-scripts/ifcfg-eth0 将 ONBOOT=no改为yes即可 由于打算做服务器用,最好固定IP,在局域网内方便路由转发...
  • 开始启动Altium Designer20时界面在Explorer Starting EDMS Interface时处理办法 开始启动Altium Designer20时界面在Explorer Starting EDMS Interface时处理办法。 首先解释下,AD20在这里是因为在连接AD的...
  • 在使用loadrunner进行性能调试时,录制脚本的时候,发现loadrunner不能调用IE、不能自动启动IE,还有一种情况是可以启动,但是录制不到内容,事务数一直为0,action的内容为空。 一般遇到这种情况,总结了下,总共有...
  • 开始启动Altium Designer20时界面在Explorer Starting EDMS Interface时处理办法 首先解释下,AD20在这里是因为在连接AD的服务器,而使用破解版的话就有可能会卡在这个界面(也有人用破解版不会在这里) ...
  • 汇编入门代码以及sd卡启动 象棋小子 1048272975   学习了arm,笔者认为就有必要学习arm的汇编语言。对于软件出错调试,往往需要跟踪c编译器生成的汇编代码和链接器生成的Mapping文件等。对于操作系统,bootloader之...
  • 如何在谷歌浏览器中启用IDM扩展

    千次阅读 2019-12-12 11:58:14
    1)在您的PC上启动Google Chrome,然后单击其窗口...3)一个新的选项卡将在浏览器中打开,你可以看到你的所有可用扩展谷歌浏览器。在这里,搜索“ IDM集成模块”并选中它旁边的复选框,以在Chrome上启用IDM扩展。 ...
  • 2.转到“安全”选项卡 3.点击“高级” 4.点击“禁用继承” 5.选择"从此对象中删除所有继承的权限",之后一路点击“确定”“确定”。 这样就没有人可以访问SwReporter文件夹并启动Software Reporter Tool了。
  • Start Debugging:启动调试程序。   Ⅴ、说明 每一种工具的功能都是需要自己亲自实践,并长期使用才能达到灵活运用的地步,不建议死记硬背。若要了解 更多关于Keil的系列教程 ,可以进入我微信公众号或...
  • Internet选项->高级,找到,启用增强保护模式 和 针对增强保护模式启用64位进程,都打上勾 重启IE浏览器 在浏览器中输入javascript:alert(navigator.userAgent)并回车(注意区分大小写,有时候复制进去之后...
  • 打开“一般首选项”对话框,然后复选其中的“网络浏览器集成”选项(最好一并复选该选项卡中的“允许后台下载”选项,以便加快浏览速度),最后重新启动IE及Acrobat Reader即可。 或者启动Acrobat Reader“编辑”-...
  • Burp Suite代理和火狐浏览器设置

    千次阅读 2020-08-21 11:36:09
    Options选项卡,Proxy Listeners 勾选127.0.0.1:8080 2. FireFox设置 1)工具->选项->高级>网络; 连接设置:勾选“手动配置代理”HTTP代理 127.0.0.1:8080,其它默认即可 2)浏览器访问http://burp,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 47,143
精华内容 18,857
关键字:

启动选项卡浏览