だから私は一日中これを持っていましたが、良いJSコーダーではないので、ここに私を導きました.
「test.html」につながるドロップダウンメニューのリンクをクリックしても何も起こりません。ホバリングでアクティブになっているのは「test.html」リンクであることをブラウザが明確に示していても、どこにもリダイレクトされません。
これがJSコードです。
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function headermenu_open(event)
{
headermenu_canceltimer();
headermenu_close();
var submenu = $(this).find('ul');
if(submenu){
ddmenuitem = submenu.css('visibility', 'visible');
return false;
}
return true;
}
function headermenu_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function headermenu_timer()
{ closetimer = window.setTimeout(headermenu_close, timeout);}
function headermenu_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}
$(document).ready(function()
{ $('#headermenu li').bind('click', headermenu_open);
$('#headermenu > li').bind('mouseout', headermenu_timer);
$('#headermenu > li').bind('mouseover', headermenu_canceltimer);
});
document.onclick = headermenu_close;
そしてこれがメニューの一部。
<ul id="headermenu">
<li><a href="#">Høyttalere</a>
<ul>
<li><a href="pages/test.html">Test</a></li>
</ul>
</li>
誰かが追加する適切なスニペットを持っているか、コードの間違いを見つけることができれば、私は非常に嬉しく思います!