`
wjing63
  • 浏览: 22695 次
  • 性别: 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
				}
			});
	});


分享到:
评论

相关推荐

    JQUERY实现iframe页面切换功能

    要使用jQuery实现iframe页面切换,我们首先需要在HTML中设置一个iframe元素,并为其定义一个id,以便于后续的jQuery选择器能够找到它: ```html &lt;iframe id="myIframe" src="初始页面URL"&gt;&lt;/iframe&gt; ``` 接下来,...

    JQuery UI 中文帮助文档

    jQuery UI 提供了灵活的主题系统,允许开发者通过修改CSS样式来自定义组件的外观。默认提供了一套名为“smoothness”的主题,但开发者可以根据需求创建自己的主题,或者使用在线工具如ThemeRoller进行快速定制。 ##...

    jquery 跨iframe拖拽

    本篇文章将详细探讨"jquery 跨iframe拖拽"这一主题,该技术允许用户在不同的IFrame之间进行元素的拖放操作,这对于构建多窗口、多面板的Web应用尤其有用。 首先,我们要理解IFrame(内联框架)的概念。IFrame是一种...

    jQueryUI MetroUI WindowUI 主题

    "jQueryUI MetroUI WindowUI"主题将这些设计理念融入到jQuery UI组件中,使得这些组件在外观上更接近Windows 8的风格。例如,对话框可能具有平坦的边框和大胆的背景色,按钮则可能拥有清晰的高亮效果,这都是Metro ...

    jquery ui messager 消息框

    jQuery UI Messager是一款基于jQuery和jQuery UI库的插件,用于在Web应用程序中创建美观、功能丰富的消息框。它提供了一种优雅的方式来显示各种类型的通知,如警告、错误、信息和成功消息,增强了用户交互体验。这个...

    jQueryUI参考手册中文CHM版

    资源名称:jQuery UI参考手册 中文CHM版内容简介:jQuery UI是一个建立在jQuery Javascript 库上的小部件和交互库,您可以使用它创建高度交互的Web应用程序。本教程将向您讲解 jQuery UI 是如何工作的。本文给...

    jQuery UI工具风格主题.rar

    在实际应用中,使用jQuery UI时需要确保已经引入了jQuery库,然后可以通过以下方式加载所需的组件和主题: ```html &lt;script src="path/to/jquery.js"&gt; &lt;link rel="stylesheet" href="path/to/jquery-ui.css"&gt; ...

    JQUERY UI 1.10.3官网最新 蓝色主题

    3. 引入主题CSS:将 "css" 文件夹中的 "themes" 文件夹内的 "ui-lightness"(或其他你喜欢的主题)文件夹中的 "jquery-ui.min.css" 或 "jquery-ui.css" 引入到HTML文件中,确保其在 JavaScript 文件之前。...

    bootstrap&jQueryUI例子

    在"bootstrap&jQueryUI例子"这个压缩包中,可能包含的是结合了这两个框架的示例代码或项目。这些示例通常会展示如何在同一个页面中有效地利用 Bootstrap 的布局和样式,同时引入 jQuery UI 的组件,实现更复杂的用户...

    jquery UI 主题 bootstrap

    - 使用 Bootstrap 的类和 jQuery UI 的主题类结合,或者为 jQuery UI 的元素添加特定的 CSS 类来覆盖 Bootstrap 的样式。 - 创建自定义的 CSS,明确指定需要的样式,避免使用过于通用的选择器。 3. **JavaScript ...

    jquery ui插件实现页面主题自由切换

    通过以上步骤,你可以成功地在网页中实现jQuery UI插件的页面主题自由切换。这个功能不仅增强了用户的个性化体验,也展示了你作为开发者的技能和对用户体验的关注。在实际应用中,你还可以根据需要扩展这个功能,...

    JQueryUI,EasyUI一些控件的使用

    在JQueryUI中,你可以使用Autocomplete组件为输入框提供自动完成功能,这在搜索框或输入建议场景中非常有用。另外,Slider组件则可以创建滑动条,允许用户通过直观的方式选择数值或进行排序。 接下来,我们讨论Tab...

    jquery-ui.css、jquery-ui.js下载

    在本文中,我们将详细探讨`jquery-ui.css`和`jquery-ui.js`这两个关键文件,并讨论如何在项目中有效地使用它们。 首先,`jquery-ui.css`是jQuery UI的核心样式文件,它包含了所有组件的默认样式和主题。这个文件...

    jquery ui & themes

    在给定的文件`jquery-ui-themes-1.9.2.zip`中,包含了多个预设的主题,每个主题通常由一组CSS文件组成,例如`.css`和`.png`图像文件,它们定义了各个部件的颜色、背景、边框和图标等样式。开发者可以选择一个主题并...

    jQuery UI组件 jQuery UI

    1. **Tabs(选项卡)**:jQuery UI 提供了方便的选项卡组件,可以将内容分隔成多个部分,通过选项卡切换显示,提高网页的组织性和用户体验。 2. **Accordion(手风琴)**:手风琴组件允许内容以折叠/展开的方式呈现...

    jquery UI中文文档

    每个版本的 jQuery UI 包含多个预设主题,如 `smoothness`、`redmond` 和 `ui-lightness`,这些主题可以通过 CSS 文件进行切换。 **API 参考** jQuery UI 提供了详细的 API 文档,包括函数、选项、事件和方法的...

    JQuery UI1.7中文文档

    jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它提供了一套完整的组件,包括交互、特效、小部件和主题,用于构建富有吸引力且易于使用的Web应用程序。jQuery UI 1.7是该框架的一个重要版本,包含...

    jQuery.ui.1.7.2中文文档

    jQuery UI 提供了一系列预定义的动画效果,如淡入淡出(fadeIn/fadeOut)、滑动(slide)、切换(toggle)等。开发者可以通过简单调用这些函数,为网页元素添加生动的动态效果,提升用户体验。 2. **Draggable(可...

    jQuery UI Multiselect (jQuery UI 多选框)

    - **主题支持**:继承自jQuery UI,该插件能够无缝地与各种jQuery UI主题搭配,确保与页面其他组件的视觉一致性。 - **事件处理**:提供了丰富的事件接口,如`select`、`deselect`等,方便开发者根据用户操作进行...

    jquery ui layout 中文文档包

    jQuery UI Layout 支持Themeroller,可以方便地生成符合项目需求的主题。 5. **示例和教程**:中文文档可能包含各种示例代码,展示如何在实际项目中应用Layout,帮助初学者快速上手。这些示例通常包括HTML结构、...

Global site tag (gtag.js) - Google Analytics