0

製品のサブメニューをロードする際の問題を教えてください。

リンクは次のとおりです。

http://www.lexurcapacitor.com/index.html

これはcssリンクです：

http://www.lexurcapacitor.com/css/style.css

4

1 に答える 1

1

<script src="js/dualflow.js"></script>ファイル内のコードが原因でメニューが点滅していることがわかりました。

c("#header-nav").delegate("li","mouseenter mouseleave",function(f){

このコードは、mouseenterまたはmouseleaveイベントが。内のli要素で発生したときに実行され<nav id="header-nav">ます。このコードの欠点は、サブメニュー内のliも考慮していることです。

私が得た最も簡単な解決策は、最初のメニュー項目のli要素のクラスを作成することです（例：Home、About、Products ...）

HTMLの更新

<nav id="header-nav">
        <ul>
            <li class="current menu">
                <a href="index.html">Home</a>
            </li>
            <li class="menu">
                <a href="about.html">About</a>
            </li>                       
            <li class="menu">
                <a href="msc.html">Products</a>
                <ul>
                    <li>
                        <a href="msc.html">Motor Start Capacitor</a>
                        </li>   
                        <li>
                            <a href="mrc.html">Motor Run Capacitor</a>
                        </li>   
                        <li>
                            <a href="tc.html">Terminal Capacitor</a>
                        </li>   
                        <li>
                            <a href="bstc.html">Box Square Type Capacitor</a>
                        </li>   
                        <li>
                            <a href="flc.html">Fluorescent Lighting Capacitor</a>
                        </li>
                        <li><a href="fc.html">Fan Capacitor</a>
                        </li>                   
                    </ul>
                </li>  
                <li class="menu">
                    <a href="needus.html">Need us</a>
                </li>
                <li class="menu">
                    <a href="network.html">Network</a>
                </li>
                <li class="menu">
                    <a href="certificate.html">Certificates</a>
                </li>
                <li class="menu">
                    <a href="contact.html">Contact</a>
                </li>
            </ul>
        </nav>

dualflow.jsの更新

次のコードでdualflow.jsファイルを更新します（クラス'メニュー'を追加）

c("#header-nav").delegate("li","mouseenter mouseleave",function(f){

c("#header-nav").delegate("li.menu","mouseenter mouseleave",function(f){
于 2012-06-20T21:11:26.237 に答える