ThinkPHP中关于JS文件如何添加类似__PUBLIC__图片路径

在对html样式进行优化的时候，经常会用到Js/jquery进行一些跳转切换的样式，而我们常做的就是在Js/jquery代码中嵌url图片链接代码，以实现动态交互的页面效果。

如下图所示：

-------------------------------------------------------------------------------------------------------------------------------

问题：Js文件不认识__PUBLIC__这些thinkphp独特的链接，所以要我们自己重新定义url地址，才能使用这些路径。

　　   另外，定义url不能在Js文件里，必须在Js文件对应的index.html代码中写才有效果！一般将导入的js文件放在定义url地址的下面，这样可以不必担心引入Js文件的时候不能使用 定义的url路径。

 

解决办法：

第一步：在index.html页面中定义url路径

<script>
    var url = "__PUBLIC__/Home";//定义js中的url路径
</script>
<script src="__PUBLIC__/Home/js/cy.js"></script>

第二步：引用定义好的url，这样即可完美在thinkphp中识别Js中的图片url路径

function figureAnimate(obj){
    $figureImg.addClass('amimateZoom').animate({opacity:0,right:'-300px'},200,function(){
        $figureImg.attr('src',url + '/img/'+obj.img).removeClass('amimateZoom')//单纯人物转换src地址
        .animate({opacity:1,right:'-150px'},200);
        
        $('.readstar').attr('data-url',obj.url);
        $figureText.html(obj.html);
        $figureName.text(obj.name);
    });
}

错误之处，还望指正！

转载于:https://www.cnblogs.com/wenzheshen/p/5666401.html