在对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); }); }
错误之处,还望指正!
时间: 2024-10-28 20:44:59