まず、私はjavascriptを初めて使用し、setTimeOutで問題が発生しました...
これは私のスクリプトコードです........
$('#nav ul li a').hover(function(){
$(this).next("div").slideDown("fast").siblings("div").slideUp("slow");
console.log("hover");
},
function(){
setTimeOut(
function(){
if(!$(this).next('div').is(':hover')){
$(this).next('div').slideUp('slow');
}}
,1000)
});
これは私のHTMLコードです.....
</div> <!-- end of first-row -->
<ul>
<li>
<a href="#">Home </a><div class="menu_box box1"></div>
</li>
<li>
<a href="#">Place</a><div class="menu_box box2"></div> <!-- end of menu -->
</li>
<li>
<a href="#">Guide</a><div class="menu_box box3"></div>
</li>
<li>
<a href="#">Contact</a>
</li>
<li>
<a href="#">About Us</a>
</li>
</ul>
</div> <!-- end of nav -->
案内してください…。
これは間違っています:setTimeOut
正しい言葉:setTimeout
(Oを小文字のoに変更します)
setTimeOutをsetTimeoutに変更します。
//...
setTimeout(
function(){
if(!$(this).next('div').is(':hover')){
$(this).next('div').slideUp('slow');
}}
,1000);
//...