Question

当我将鼠标悬停在菜单上时，我正试图将其余部分调暗。但我的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>

Answer 1

试试这个：

<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>

Answer 2

检查一下。工作正常

<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>

Answer 3

script标记是问题。不要在链接的脚本标记内包含js函数.add中的单独标记

＆＃13;

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

＆＃13;

<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>

＆＃13;

加载页面时jQuery无法正常工作

3 个答案: