jquery ui iframe 中主题切换

最新推荐文章于 2023-05-15 18:48:22 发布

原创最新推荐文章于 2023-05-15 18:48:22 发布 · 226 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在iframe中利用themeswitcher插件实现主题切换，并通过刷新页面来应用新的主题样式。文章详细阐述了在相同域下，通过共享cookie（jquery-ui-theme）实现主题记忆功能，以及在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
				}
			});
	});