2017-03-10 10 views
0

作業のデモと私のコードは次の場所にあり、モバイル(バグ)上の個々のリンクのいずれかのリンクであることを、すべてのサブメニューを引き起こしては:JavaScriptの代わりに

https://jsfiddle.net/h744n4ek/

私の問題は、(モバイル上のどのことができますjsfiddle結果ウィンドウのサイズを変更して再作成します)、liの1つをサブメニューで展開すると、サブメニューブロック全体が次のliへのリンクとして扱われます。

明確にする:モバイル、サポートのSUB1、SUB2に

<li><a href='#'>SUPPORT</a> 
    <ul> 
     <li><a href='#'>sub1</a></li> 
     <li><a href='#'>sub2</a></li> 
     <li><a href='#'>sub3</a></li> 
    </ul> 
    </li> 
    <li><a href='products.html'>PRODUCTS</a> 

を、およびSUB3はproducts.htmlへのhrefを持つ単一のブロックとして扱われます。

JavaScriptが新しく、これがなぜ起こっているのかを識別する問題があります。誰かが私のJSコードがどこに間違っているのかを指摘できますか?

答えて

1

あなたの問題はここにある:

#cssmenu > ul > li { 
float: none; 
} 

フロートの削除:なし。で修正されます。

+0

ありがとうございます。私は夢中になっていたと思っていました。あなたが長い間ずっと問題を見つめているときに起こることが起こったと思います。どうもありがとうございます。 – IAspireToBeGladOS

+0

あなたは私の友人を歓迎する... :) –

関連する問題