我沒有得到我的jquery菜單滑落在下面的代碼

沒有得到div_tech div滑落時鼠標移過一個元素與id =「non_tech」這是另一個div滑過鼠標在「事件」
相關HTML代碼我沒有得到我的jquery菜單滑落在下面的代碼

<div class="events"> 
    <img src="arrow.png" alt="arrow" class="img_arw" /> 
    <table class="tab_evnts"> 
     <tr> 
     <td class="eve_mentd" id="tech"> 
      <a href="#"> 
       <span class="eve_men">Technical</span> 
      </a> 
     </td> 
     </tr> 
     <tr> 
     <td class="eve_mentd" id="non_tech"> 
      <a href="#"> 
       <span class="eve_men">Non- Technical</span> 
      </a> 
     </td> 
     </tr> 
     <tr> 
     <td class="eve_mentd" id="gamers"> 
      <a href="#"> 
       <span class="eve_men">Gamer&#39;s Inn</span> 
      </a> 
     </td> 
     </tr> 
    </table> 
    <div class="tech_div"> 
    </div> 
</div> 

<table > 
<tr> 
<td class="menu"><a href="#" title="Home">Home</a></td> 
<td class="menu"><a href="#" id="eves">Events</a></td> 
<td class="menu"><a href="#" title="Tuneback">Tuneback</a></td> 
<td class="menu"><a href="#" title="Registration">Registration</a> 
</td><td class="menu"><a href="#"title="Helpdesk">Helpdesk</a></td> 
</tr> 
</table>

相關jQuery代碼是

$(document).ready(function() { 
    $('#eves').mouseenter(function() { 
     $('.events').stop().slideDown("fast"); 
    }, function() { 
     $('.events').stop().slideUp("fast"); 
    }); 
    $('#non_tech').hover(function() { 

     $("tech_div").slideDown("slow"); 
    }); 
});

來源

2012-12-21 akhil

我沒有看到的元素id爲'eves'在投稿'HTML' –

爲什麼你在你的mouseenter功能兩個功能，一個在徘徊？ – j08691

mouseenter用不了兩個功能..我想你正在尋找.hover()或組合的mouseenter和mouseout

看起來你缺少類選擇

$(".tech_div").slideDown("slow"); 
    ^--------- Missing the class Selector

$('#eves').on({ 
    mouseenter: function() { 
     $('.events').stop().slideDown("fast"); 
    }, 
    mouseout: function() { 
     $('.events').stop().slideUp("fast"); 
    } 
}); 

$('#non_tech').hover(function() { 
    $(".tech_div").slideDown("slow"); 
});

UPDATE

$('#eves').on({ 
    mouseenter: function() { 
     $('.events').stop().slideDown("fast"); 
    } 
}); 

$('#non_tech').hover(function() { 
    $(".tech_div").slideDown("slow"); 
}, function() { 
    $(".tech_div").slideUp("slow"); 
});

Check Fiddle

來源

2012-12-21 17:16:23

雖然我已經給類選擇它不工作 – akhil

你'tech_div'格是空的。所以你有什麼期待看到 –

檢查更新的代碼...我刪除了'mouseout event'以使事情更加清晰。 –

你錯就錯在選擇

$('#eves').mouseenter(function() {

在您的標記中，您定義了一個如此命名的類，而不是一個id。試試這個

$('.eves').mouseenter(function() {

嗯......我不知道它是可行的使用表格菜單滑動，也許你應該嘗試UL。

來源

2012-12-21 17:05:26 bukart

我沒有看到類「.eves」的任何元素..你有'夜視護目鏡'也許！ –

我想.tech_div滑下並#eves往下滑 – akhil

欲滑下從滑動向下DIV菜單我想另一個div來滑下@Sushanth – akhil

我沒有得到我的jquery菜單滑落在下面的代碼

回答

相關問題