Question

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

在我的刀片视图中

<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文件是否使用laravel-mix（public/js/app.js）内置到npm run dev中，函数myFunction()就在那里。）< / p>

我想知道它为什么不起作用？ blade是否有任何问题？

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

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

Answer 1

我不是100％肯定它，但是：

我认为当你想绑定锚onclick事件时，需要将函数绑定到window对象，就像在你的app.js中一样：

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

就我而言，它已经解决了。

另一种方式（似乎是推荐的方式）是unobtrusive way中的绑定。

希望有帮助o /

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

1 个答案: