设置 onclick 函数以锚定 Laravel 中的元素

Question

我正在开发一个 Laravel 应用程序，在那里我想为 Htmlanchor元素设置一个 onclick 函数。所以我按照以下方式创建了它。

在我的刀片视图中

<a class='compon' id="{{$value[1]}}" href="#" onclick="return myFunction();">
    <div class="mq-friends thumbnail">
       <div class="mq-friends-footer">
          <small>{{$value[0]}}</small>
       </div>
    </div>
</a>

我的 resources/assets/js/app.js

function myFunction() {
    console.log('whatever');
    return true;
}

这是行不通的，（我还仔细检查了 app.js 文件是否已内置到public/js/app.js使用 laravel-mix ( npm run dev) 中，并且该函数myFunction()在那里。）

我想知道的是为什么它不起作用？有什么问题blade吗？

注意：当我将此脚本插入同一个刀片视图而不添加到 js 文件时，这显然有效：

<script type='text/javascript'>
     function myFunction()
     {
          console.log('whatever');
          return true;
     }
</script> 

Answer 1

我不是 100% 肯定，但是：

我想当你想绑定锚点onclick事件时，你需要将函数绑定到窗口对象，就像你的 app.js 中这样：

  window.myFunction = function(ev) {
     console.log(ev)
  });

在我的情况下它解决了。

另一种方式（似乎是推荐的方式）是以不显眼的方式进行绑定。

希望它有帮助o/