javascript - 如何链接外部Js文件中的公共(public)目录

Question

在我的前端，我可以通过“ Assets ”显示我的公共(public)目录。在这里，当用户将鼠标悬停在图像上时，它应该显示我通过外部 JS 文件显示的其他图像。但是在外部 Js 文件中，我无法通过 Asset 指示公共(public)目录。我该怎么做？

  <a href="https://www.facebook.com/" target="_blank">
                <img id="facebook-icon" src="{{asset('frontEnd/images/icon/facebook-icon.svg')}}">
    </a>

//外部Js文件

$(document).ready(function(){
   $('#facebook-icon').hover(function(){
            $(this).attr('src','images/icon/facebook-hover-icon.svg');
            }, function(){
            $(this).attr('src','images/icon/facebook-icon.svg');
        });
     });

Answer 1

你必须在你的布局中定义(如果可能的话标题)，你在 javascript 中的基本 url，就像这样:

<script type="text/javascript">
var BASE_URL = {!! json_encode(url('/')) !!}
</script>

所以现在你可以在这之后链接的每个 js 文件中执行此操作:

$(document).ready(function(){
   $('#facebook-icon').hover(function(){
            $(this).attr('src',BASE_URL+'images/icon/facebook-hover-icon.svg');
            }, function(){
            $(this).attr('src',BASE_URL+'images/icon/facebook-icon.svg');
        });
     });

或者无论您想做什么，都需要您网站的基本 URL。