在我的前端,我可以通过“ 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');
});
});
最佳答案
你必须在你的布局中定义(如果可能的话标题),你在 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。
关于javascript - 如何链接外部Js文件中的公共(public)目录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46179219/