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

如下图所示:

aaarticlea/png;base64,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" alt="" />

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

问题: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);
});
}

错误之处,还望指正!

ThinkPHP中关于JS文件如何添加类似__PUBLIC__图片路径的更多相关文章

  1. 在winform中调用js文件并输出结果

    在winform中调用js文件并输出结果默认分类 2007-10-19 16:35:06 阅读25 评论0 字号:大中小 由于项目需要在winform中调一个强大的js,所以把这个tip记录在此: 1 ...

  2. html或者jsp页面引用jar包中的js文件

    一,页面上引用jar包中的js文件的方法 使用java web框架AppFuse的时候发现,jquery.bootstrap等js框架都封装到jar包里面了.这些js文件通过一个wro4j的工具对其进 ...

  3. JS中关于JS文件的引用以及问题

    问题描述:          由于JSP中JS函数比较多,因此打算新建一个JS文件在JSP中引用JS文件,现在出现如下问题,JS如何引用时正确的,JS引用之后出现乱码如何解决? 问题解决: (1)JS ...

  4. eclipse中的js文件报错的解决办法

    在使用别人的项目的时候,导入到eclipse中发现js文件报错,解决办法是关闭eclipse的js校验功能. 三个步骤: 1. 右键点击项目->properties->Validation ...

  5. javascript中外部js文件取得自身完整路径得办法

    原文:javascript中外部js文件取得自身完整路径得办法 有时候我们需要引入一个外部js文件,这个js文件又需要用到自己的路径或者是所在的目录,别问怎么又这么变态的需求,开发做久了各种奇葩需求也 ...

  6. 1.在html中引入js文件和Jquery框架

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. eclipse中jquery.js文件有错误提示…

    eclipse中jquery.js文件有错误提示的解决办法 2013-04-06 19:18 浏览次数:382 由于jquery.js文件进行了压缩,压缩之后的语法eclipse无法完全识别,所以有错 ...

  8. 怎样下载网页中的js文件?

    1.按下F12,会看到调试的界面,如下图所示,先点击最上面的Resources选项,Frames--(你想下载的网址)--Script,下面就是全部的js文件啦,网站的图片啊什么的都可以下载了.

  9. Magento中调用JS文件的几种方法

    一.全局调用方法: 通过该方法每个页面都会引用这个JS文件,除非是类似jQuery这样的系统文件,不然不推荐这种方法. 文件路径:/app/design/frontend/default/Your_T ...

随机推荐

  1. ALV界面将可编辑字段值保存到内表中

    具体代码如下: data: lr_grid type ref to cl_gui_alv_grid.      data: l_valid type c.      read table gt_exc ...

  2. Unicode explorer

    It can be cumbersome to work out some of the details of this by hand, so you can use the little Java ...

  3. 磁盘配额quota应用

    1.文件系统支持 quota是针对整个文件系统来进行规划,所以我们得先查一下/home是否是个独立的文件系统. [root@Monitor home]# df -h /home Filesystem ...

  4. Xshell连接Linux下Oracle无法回退的解决办法

    使用Xshell 连接远程Linux 数据库服务器,当切换到sqlplus 控制台时,输入错误字符的时候,使用回退键修改时,显示^H. 解决方法: 在控制太命令中输入stty erase ^H 回车就 ...

  5. Nodejs编码转化问题

    目前Node.js仅支持hex.utf8.ascii.binary.base64.ucs2几种编码的转换.对于GBK,GB2312等编码,Nodejs自带的toString()方法不支持,因此中文转化 ...

  6. 如何让chrome始终运行插件

    使用chrome可能有时候会拦截比如阿里旺旺和腾讯等的登录插件,那么怎么才始终允许,而不需要每次确认呢.下面. 1. 打开Chrome浏览器. 在地址栏中输入 chrome://plugins 回车 ...

  7. jsp_包含指令

    1.静态包含: <%@ include file="被包含的文件的路径"%> 2.动态包含: 不传递参数:<jsp:include page="{要包含 ...

  8. MySQL之CAST与CONVERT 函数的用法

    两者具体的语法如下:CAST(value as type); CONVERT(value, type); 可以转换的类型是有限制的.这个类型可以是以下值其中的一个: 二进制,同带binary前缀的效果 ...

  9. HTTP学习笔记(1)ULR语法

    1,概述 当你打开一个浏览器则会进入一个主页,也许你会想只是打开了浏览器罢了,但是浏览器默默的把这个主页默认的网址发送出去,你只是不知道而已,你只是没有输入而已.我们来做个实验. 1,双击打开 2,可 ...

  10. Robot Framework-工具简介及入门使用

    Robot Framework-Mac版本安装 Robot Framework-Windows版本安装 Robot Framework-工具简介及入门使用 Robot Framework-Databa ...