| ThinkPHP中关于JS文件如何添加类似 | 您所在的位置：网站首页 › js如何添加图片路径 › ThinkPHP中关于JS文件如何添加类似 |
|
在对html样式进行优化的时候，经常会用到Js/jquery进行一些跳转切换的样式，而我们常做的就是在Js/jquery代码中嵌url图片链接代码，以实现动态交互的页面效果。 如下图所示： ------------------------------------------------------------------------------------------------------------------------------- 问题：Js文件不认识__PUBLIC__这些thinkphp独特的链接，所以要我们自己重新定义url地址，才能使用这些路径。 另外，定义url不能在Js文件里，必须在Js文件对应的index.html代码中写才有效果！一般将导入的js文件放在定义url地址的下面，这样可以不必担心引入Js文件的时候不能使用 定义的url路径。
解决办法： 第一步：在index.html页面中定义url路径 var url = "__PUBLIC__/Home";//定义js中的url路径第二步：引用定义好的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); }); }错误之处，还望指正！ 作者：申文哲 出处：http://www.cnblogs.com/wenzheshen/如果觉得这篇文章对你有小小的帮助的话，记得在右下角点个“推荐”哦，博主在此感谢！❤ 如果希望更容易地发现我的新博客，记得在左下角点个“关注我”哦。❤（如有错误之处，还请指正！） |
| CopyRight 2018-2019 实验室设备网 版权所有 |