Question

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

out$converged
[1] FALSE

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

External Js file

Answer 1

你必须在你的布局中定义（如果可能的话题头），你的基本网址在javascript中，如下所示：

<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');
        });
     });

或者您想要做的任何事情都需要您网站的基本网址。

Answer 2

这是一个问题

您可以使用绝对路径来实现此目的。

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

如何链接外部Js文件中的公共目录

2 个答案: