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

錯誤之處，還望指正！