Firefox 9(これまで)でのみテストされています。以下のHTMLでスキンクラスのYUI3の位置が変更されました
あなたがそうのようなMAIN_MENUのDIVタグにBODYタグからclass="yui3-skin-sam"
を移動した場合:
<div id="main_menu" class="yui3-skin-sam yui3-menu yui3-menu-horizontal yui3-menubuttonnav">
あなたは非常に異なる外観(メニューの背景にグラフィックが欠落している)を取得します。しかし、私は私のmain_menu DIVと一緒にclass="yui3-skin-sam"
の皮膚を適用する他のDIVをラップするとうまく動作します。どうして?それはそれが全体のBODYとラップされたDIVのために働くのと同じ方法で、ただ一つのDIVで動くようにすることは可能ですか?
<html>
<head>
<script src="http://yui.yahooapis.com/3.5.0/build/yui/yui-min.js">
</script>
</head>
<body class="yui3-skin-sam">
<div id="main_menu" class="yui3-menu yui3-menu-horizontal yui3-menubuttonnav">
<div class="yui3-menu-content">
<ul class="first-of-type">
<li class="yui3-menu-item">
<a class="yui3-menuitem-content" href="#">Home</a>
</li>
<li>
<a class="yui3-menu-label" href="#search_menu"><em>Search</em></a>
<div id="search_menu" class="yui3-menu">
<div class="yui3-menu-content">
<ul>
<li class="yui3-menuitem">
<a class="yui3-menuitem-content" href="http://www.google.ca">Google</a>
</li>
<li class="yui3-menuitem">
<a class="yui3-menuitem-content" href="http://www.yahoo.ca">Yahoo</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<script>
YUI().use('node-menunav', function(Y)
{
var menu = Y.one("#main_menu");
menu.plug(Y.Plugin.NodeMenuNav);
menu.get("ownerDocument").get("documentElement").removeClass("yui3-loading");
});
</script>
</body>