Question

我的网站上有以下代码

.attr("clip-path", function (d) { return "circle(" + (0.48 * Math.max(d.width, d.height)) + "px)"});

当我访问我的网站时，我在控制台中获得输出...

@if(count($alleSpiele) > 0)
    <div class="form-group">
    <label for="sel1">Spiel auswählen</label>
        <select class="form-control" id="spielAuswahl" name="spielAuswahl">
            @foreach($alleSpiele as $alleSpieleOutput)
                <option value="{!! $alleSpieleOutput->heimmannschaft !!}">{{$alleSpieleOutput->heimmannschaft}}</option>
            @endforeach
        </select>
    </div>
@endif

<script>
    $('#spielAuswahl').on('change', function(e){
        console.log(e);
    });

</script>

我的错误是什么？缺少什么？

Answer 1

确保您在文档的头部引用了jquery脚本。

<!doctype html>
  <head>
    <script src="[path to jquery.js]"></script>
  </head>

Answer 2

听起来你还没有将jQuery库导入你的页面。您可以通过从https://code.jquery.com等CDN（内容交付网络）获取适当版本的jQuery来快速测试。只需添加新的<script>代码并在<head>代码中加载内容，然后刷新页面以查看错误是否仍然存在。

e.g。 <script src="http://code.jquery.com/jquery-3.2.1.js"></script>

如果在执行此操作后仍然看到错误，则会出现更大的问题。

希望这有帮助。

Answer 3

每次如果你想使用jquery ..请确保包含jquery js。下载here ..并将其放在公共js路径上。然后将其包含在您的布局中

<head>
    {{ Html::style('material/assets/css/style.css') }}
</head>
<body>

//your blade content html

<script>
    {{ Html::script('material/assets/js/jquery-3.1.0.min.js') }}

    $('#spielAuswahl').on('change', function(e){
        console.log(e);
    });

</script>
</body>

Onclick undefined var

3 个答案: