如何在Zend Framework應用程序中使用多個jQuery UI主題？

Question

我目前在我的Zend Framework應用程序中使用ui-lightness主題，但是我想將兩者用於不同的事情。我目前正在使用此行在我的引導程序中註冊ui-lightness主題：

$view->headLink()->appendStylesheet($view->baseUrl().'/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css'); 

如何添加其他主題以供使用？如果我添加另一個樣式表，應用程序如何知道使用哪個主題？

Answer 1

您可以使用CSS範圍來做到這一點。當您在jQuery UI站點上構建主題時，請選擇「高級設置」，然後在範圍字段中輸入名稱。

與您想要使用的任何其他主題相同，確保範圍對每個主題都是唯一的。

包括正常（使用appendStylesheet）CSS的主題文件，並使用範圍類的風格

如果你想不同的jQuery UI主題樣式化例子說明here

Answer 2

我不認爲你可以在jQuery UI的開箱即用的同一頁面上使用兩個主題。每個jQuery UI主題都對所有小部件進行樣式，而不僅僅是特定的小部件

您可以創建自己的樣式表來單獨設置小部件樣式。或者，如果您不想在單個頁面上使用不同的主題，只需在不同的頁面上添加不同的主題即可。

Answer 3

頁面上的每個區域/項目在應用程序的不同頁面上，您可以使用Zend_Layout在應用程序的不同頁面上切換佈局。每個佈局可以使用不同的jQuery UI主題。