javascript-设置onclick函数以锚定laravel中的元素

我正在开发laravel应用程序,我想在其中为HTML锚元素设置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>

我的资源/资产/js/app.js

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

这是行不通的((我还仔细检查了使用laravel-mix(npm run dev)将app.js文件内置到public / js / app.js中,并且存在函数myFunction()).

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

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

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

解决方法:

我不是100％确信,但是：

我想当您想绑定锚点onclick事件时,需要将函数绑定到window对象,就像在app.js中这样：

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

就我而言,它解决了.

另一种方式(似乎是推荐的方式)是在unobtrusive way中进行绑定.

希望对您有所帮助

标签：laravel,blade,html,javascript,php
来源： https://codeday.me/bug/20191110/2014935.html