2017-05-04 89 views
1

當我將菜單懸停時,我正在嘗試調暗頁面的其餘部分。但我的jQuery代碼沒有運行,當我懸停菜單時沒有啓動。有人能幫助我嗎?謝謝。當我加載我的頁面時,jQuery不工作

這部分是有問題的:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"> 
       $('#meniu').hover(function(){ 
         $('#TINT').fadeTo(200, 1); 
        }, function(){ 
         $('#TINT').fadeTo(200, 0, function(){ 
          $(this).hide(); 
         }); 
       }); 
    </script> 
+0

那麼我的整個代碼是有一些奇怪的bevahiour。我將添加整個代碼。 –

回答

0

支票本。它的做工精細

<div id="meniu">asfdasf</div> 
    <p id="TINT">fdsafdsaf</p> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script type="text/javascript"> 
       $('#meniu').hover(function(){ 
         $('#TINT').fadeTo(200, 1); 
        }, function(){ 
         $('#TINT').fadeTo(200, 0, function(){ 
          $(this).hide(); 
         }); 
       }); 
    </script> 
0

試試這個:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 

     $('#meniu').hover(function(){ 
       $('#TINT').fadeTo(200, 1); 
      }, function(){ 
       $('#TINT').fadeTo(200, 0, function(){ 
        $(this).hide(); 
       }); 
     }); 

    }); 
</script> 
0

script標籤.don't包括問題在鏈接的腳本標籤內部的js函數。在兩個

0中添加單獨的標籤

$('#meniu').hover(function() { 
 
    $('#TINT').fadeTo(200, 1); 
 
}, function() { 
 
    $('#TINT').fadeTo(200, 0, function() { 
 
    $(this).hide(); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script> 
 
<p id="meniu">menu</p> 
 
    <p id="TINT" style="display:none"> TINT </p>

相關問題