`
wh8766
  • 浏览: 35701 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Semantic页面多Tab冲突的问题

 
阅读更多
在Semantic框架下可以,一个页面中可以定义多个Tab:http://zh.semantic-ui.com/introduction/overview.html

但是需要这么写:

$("#micro-query-container").find(".menu .item").tab({
    context : '#micro-query-container',
    history : false
});

如果启用了history,tab的浏览历史将通过URL#tabName的方式被记录下来,在Semantic中的处理方式是用$.address.bind(xxx),所以事件处理是一个全局的,导致后来的tab覆盖以前的tab,造成冲突。

if(settings.history) {
  ...
  $.address
    .unbind('change')
    .bind('change', module.event.history.change)
  ;
分享到:
评论

相关推荐

    Ajax实现页面Tab效果

    -- 更多Tab按钮... --> <div id="content1" class="tab-content" style="display:none;"> <!-- Tab 1 的内容 --> <div id="content2" class="tab-content" style="display:none;"> <!-- Tab 2 的内容 --> ...

    semanticUI 后台管理模板

    在“semanticUI 后台管理模板”中,我们可以预见到一套完整的布局结构,包含了多种页面元素和功能模块,以适应后台管理的需求。这些可能包括: 1. **导航栏(Navigation Bar)**:提供清晰的菜单结构,支持多级下拉...

    Semantic UI 离线 中文 文档

    - **Grid 系统**:Semantic UI 提供了一个响应式的栅格系统,可以轻松创建多列布局。 - **Elements**:包括基本的 HTML 元素,如段落、图片、列表等,都有预定义的样式。 - **Collections**:用于组织内容,如卡片、...

    semantic

    semantic

    SemanticUI​后台模板Semantic-Admin-Template.zip

    Semantic-Admin-Template 是 Semantic UI 的后台模板。 标签:Semantic

    semantic ui 官方api

    10. **社区支持**:Semantic UI 有一个活跃的社区,提供论坛、GitHub仓库和Stack Overflow问题解答,开发者可以在遇到问题时寻求帮助。 总之,通过这个"semantic ui 官方api",开发者可以深入了解 Semantic UI 的...

    semantic-ui 官方文档最新版 前端开发福利

    Semantic-UI拥有活跃的社区,开发者可以在GitHub上找到最新的源码、提交问题或贡献代码。此外,社区还提供了许多第三方扩展和教程,帮助开发者更好地利用这一框架。 总之,Semantic-UI为前端开发者提供了强大的工具...

    Semantic-UI-CSS-master.zip_semantic_semantic css

    8. **国际化支持**:为了满足全球用户的需求,Semantic UI还提供了多语言支持,开发者可以轻松添加或更改语言设置。 综上所述,"Semantic-UI-CSS-master.zip"为我们提供了完整的Semantic UI CSS框架,通过其语义化...

    前端开源库-semantic-ui-css

    2. **组件化设计**:Semantic UI 提供了一系列预定义的 CSS 类,用于快速构建常见的 UI 组件,如按钮、表单、网格系统、下拉菜单、模态框等,使页面设计标准化和模块化。 3. **响应式布局**:作为现代前端框架,...

    SemanticUi管理模板

    5. `dropdown.html`:展示SemanticUi的下拉菜单组件,这种组件可以节省空间,提供多个选项选择,常见于导航菜单或设置中。 6. `table.html`:可能包含了表格组件的示例,SemanticUi提供了多种样式和功能的表格,...

    Semantic UI学习(一、开始使用)

    官网下载直接引用semantic.css与semantic.min.css区别3.NodeJS、Gulp方式安装二、测试1.测试代码2.测试结果(成功)三、本节完整代码 官方地址 https://semantic-ui.com 一、使用 1.CDN加速 ```javascript CDN介绍...

    Semantic UI 框架

    Semantic UI 框架,Semantic UI中文官方网站, 当前版本:Semantic UI 2.2.4... Semantic作为一款开发框架,帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局。

    Question Answer / Semantic Parsing

    问答系统和语义解析是自然语言处理领域中的两个重要课题,它们通过解析自然语言问题,并给出问题的答案或转换为某种结构化语义表示,从而实现人机交互。 问答系统(Question Answering,QA)主要关注如何理解和回答...

    Semantic 3D Object Maps

    ### Semantic 3D Object Maps: An In-depth Exploration Semantic 3D object maps represent a critical advancement in robotics and autonomous systems, particularly in the context of everyday manipulation ...

    Bootstrap模板:Semantic ui

    在压缩包文件名称"Semantic-UI-2.2.10"中,我们可以推测这是Semantic UI的另一个版本,可能是比2.2.4更新的版本,可能包含了更多改进和新特性。下载并解压这个压缩包后,开发者将得到一系列文件和文件夹,包括CSS、...

    Semantic-UI-master.zip

    "Semantic-UI-master.zip" 文件是Semantic UI的源码仓库,包含了这个框架的全部内容。在解压后,我们得到的是"Semantic-UI-master"目录,这通常是Git仓库的主分支命名,意味着里面包含了项目的最新版本。 在深入...

    semanticUI

    Semantic-UI。Bootstrap很通用,兼容性很好,甚至能兼容低版本的IE,Semantic-UI则更Geek,有不少CSS3的特性,比如 Shape 和 Reveal 就很有趣。从界面设计风格来说,Semantic比Bootstrap(2)更扁平化

    semantic-ui-2.2.4.tgz

    7. **社区支持**:由于 Semantic UI 的广泛使用,其拥有庞大的开发者社区,这意味着遇到问题时可以找到丰富的解决方案和第三方扩展。 综上所述,Semantic UI 2.2.4 在前端开发领域中扮演着重要角色。它通过简洁的...

    Probabilistic Latent Semantic Indexing

    相比之下,PLSI不仅提供了更明确的统计解释,还允许更灵活地处理语言中的多义性和同义性问题。 #### 应用场景 - **信息检索系统**:在大型文本数据库中高效检索相关信息。 - **文本挖掘**:提取文档集合中的主题和...

Global site tag (gtag.js) - Google Analytics