`
wjing63
  • 浏览: 22944 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery ui iframe 中 主题切换

阅读更多
iframe外部中注册切换主题插件的时候,响应onselect事件,然后刷新iframe内部的页面,因为themeswitcher插件是根据一个叫jquery-ui-theme的cookie来记住主题的,所以同一个域下,有共同效果。iframe内外都要写入以下代码,只不过内部的不用响应onselect事件

<script type="text/javascript" src="js/themeswitchertool.js"></script>



$(document).ready( function() {
		// THEME SWITCHER
		$('#switcher').themeswitcher({initialText:'外观风格', buttonPreText:'外观风格',
				onSelect : function(){
					$('#ifr')[0].contentWindow.location.reload(); //内部的iframe页面重新加载,来更改theme
				}
			});
	});


分享到:
评论

相关推荐

    ACE Admin官方文档(最新)

    非常不错的轻量级易用的admin后台管理系统,基于Bootstrap3,拥有强大的功能组件以及UI组件,基本能满足后台管理系统的需求,而且能根据不同设备适配显示,而且还有四个主题可以切换。 网页图标全采用FontAwesome,...

    adminLte-iframe:adminLte整合iframe多页面显示

    在现代Web应用中,这样的设计能够提供更好的用户体验,用户无需频繁地在多个页面间切换,提高工作效率。 首先,我们来了解一下HTML(HyperText Markup Language)的基础知识。HTML是用于创建网页的标准标记语言,...

    Jquery特效大全

    它还支持 ARIA 规范,提高了无障碍性,并且兼容 jQuery UI 的 ThemeRoller,便于快速更改主题。 **1.21 mcDropdown jQuery Plug-in v1.2.07** mcDropdown 是一个版本较高的 jQuery 下拉菜单插件,可能提供了更多的...

    jquery 弹出窗口的插件

    总的来说,artDialog是jQuery生态系统中一个强大而实用的弹出窗口插件,其自适应性、可定制性和丰富的功能使其在众多弹窗插件中脱颖而出。无论是在小型项目还是大型复杂应用中,artDialog都能提供出色的表现,帮助...

    Easyui更换皮肤使用方法

    这个插件可以在 `http://jqueryui.com/download/` 下载,或者直接引入 `&lt;script&gt;` 标签,如:`${pageContext.request.contextPath}/jslib/jquery.cookie.js" charset="utf-8"&gt;&lt;/script&gt;`。 3. **换肤方法** 更换 ...

    详解easyui 切换主题皮肤

    EasyUI是一个基于jQuery的UI库,提供了丰富的组件和预设主题,使得开发者能够快速构建美观的Web应用界面。当我们需要改变应用的视觉风格时,理解如何切换EasyUI的主题皮肤至关重要。 首先,要实现EasyUI主题的切换...

    各式javascript选项卡控件

    3. **jquery-tabs.rar**:这可能是jQuery UI库中的Tab组件,它提供了丰富的功能,如可拖动的选项卡、可自定义的动画效果、以及对键盘导航和ARIA无障碍功能的支持,适合构建无障碍和响应式的网页应用。 4. **2009_7_...

    ASP.NET中几种有用的特效

    通常,我们会创建一个隐藏的iframe来加载大图,然后通过JavaScript控制显示和隐藏,或者使用CSS3的`background-image`属性和`transition`效果来实现平滑的预览切换。 其次,在线滚动客服是现代Web应用中提高客户...

    layui后台管理页面

    同时,layui的事件系统和jQuery的事件处理函数相辅相成,让开发者在两者之间自由切换。 5. 页面结构和布局: layui后台管理页面通常采用流式布局,结合layui的`layadmin-layout`模块,可以轻松实现响应式布局,...

Global site tag (gtag.js) - Google Analytics