Question

我有以下功能：

@foreach ($companies as $singleCompany)
    {{ $singleCompany->name }}
@endforeach

出于某种原因， {{ $companies->render() }} 功能似乎无效。当鼠标滚动其中一个部分（具有部分标记）时，右上角的相应链接（具有标记）应获得绿色背景颜色。但是，它没有反应。

Answer 1

您只需将JS更改为：

$(document).ready(function(){
    $('section').mouseenter(function(){
        var id = $(this).attr('id');
        $('a').removeClass('colorAdded');
        $("a[href='#"+id+"']").addClass('colorAdded');
    });
});

在使用a定位选择href代码时不包括引号是一个问题。

Answer 2

我实际上不知道为什么你的codepen示例不起作用，我没有仔细查看你的代码，但我试图创建简单的代码，如bellow，它的工作原理。您可能应该关心的是如何将JQuery导入页面。

buildToolsVersion "27.0.0"

希望以下代码可以为您提供帮助。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

$(document).ready(function(){
    $('button').mouseenter( function() {
      console.log('hahaha');
    })
});

jQuery鼠标输入不起作用？

2 个答案: