如何在 Zend Framework 应用程序中使用多个 jQuery UI 主题?
我目前在我的 Zend Framework 应用程序中使用 ui-lightness 主题,但我想将两者用于不同的用途。我目前正在引导程序中使用此行注册 ui-lightness 主题:
$view->headLink()->appendStylesheet($view->baseUrl().'/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css');
How can I add another theme to use?如果我添加另一个样式表,应用程序如何知道要使用哪个主题?
I am currently using the ui-lightness theme in my Zend Framework application but I would like to use both for different things. I'm currently registering the ui-lightness theme with this line in my bootstrap:
$view->headLink()->appendStylesheet($view->baseUrl().'/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css');
How can I add another theme to use? How will the application know which theme to use if I add another stylesheet?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
您可以使用 CSS 范围来做到这一点。当您在 jQuery UI 站点上构建主题时,选择“高级设置”,然后在范围字段中输入名称。
对您想要使用的任何其他主题执行相同的操作,确保每个主题的范围都是唯一的。
像平常一样包含 CSS 主题文件(使用appendStylesheet),并使用范围类来设置页面上每个区域/项目的样式。
给出了样式示例 此处
You can do this using CSS scope. When you build your theme on the jQuery UI site choose Advanced Settings and then enter in name in the scope field.
Do the same with whatever other themes you want to use, making sure that the scope is unique for each one.
Include the CSS theme files as normal (using appendStylesheet) and use the scope classes to style each area/item on the page
A styled example is given here
我认为您不能通过 jQuery UI 在同一页面上开箱即用地使用两个主题。每个 jQuery UI 主题都会对所有小部件进行样式设置,而不仅仅是特定的小部件。
您可以创建自己的样式表来单独设置小部件的样式。或者,如果您不想在单个页面上使用不同的主题,只需在不同的页面上包含不同的主题即可。
I don't think you can use two themes on the same page out of the box with jQuery UI. Each jQuery UI theme styles all widgets, not just specific ones.
You could, create your own stylesheets to style widgets individually. Or, if you don't want different themes on a single page, just include the different themes on different pages.
如果您想在应用程序的不同页面上使用不同的 jQuery UI 主题,可以使用 Zend_Layout 在应用程序的不同页面上切换布局。每个布局可以使用不同的 jQuery UI 主题。
If you want different jQuery UI themes on different pages of your application, you can use Zend_Layout to switch layouts on different pages of your application. Each layout can use a different jQuery UI theme.