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

错误之处,还望指正!

时间: 2024-10-28 20:44:59

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

ThinkPHP环境下JS文件按模块部署

0.序言 一般来说,ThinkPHP的JS文件目录不是太友好:但允许修改参数确定JS的存放路径. 按照ThinkPHP的目录规范,JS文件一般视同静态资源处理,这样JS文件和视图htm文件将部署在两个完全不同的目录,即使二者属于同一应用.模块.通过Thinkphp提供的模板替换功能,配置模块的JS路径参数,可以将JS文件和普通视图文件都放在同一目录,例如Application/Module/View/目录下,这样在按应用.模块部署将变得更加便捷:两种文件所在位置比较接近,开发过程也相对比较方便(

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

在winform中调用js文件并输出结果默认分类 2007-10-19 16:35:06 阅读25 评论0 字号:大中小 由于项目需要在winform中调一个强大的js,所以把这个tip记录在此: 1.下载并安装Microsoft 下载 http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&FamilyID=D05FCF37-4D9F-4769-9442-0BCEEF907033 2.在项目中添加引用:msscript

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

原文:javascript中外部js文件取得自身完整路径得办法 有时候我们需要引入一个外部js文件,这个js文件又需要用到自己的路径或者是所在的目录,别问怎么又这么变态的需求,开发做久了各种奇葩需求也就有了! 有人第一时间想到的是location.href,可是哥哥,那个引用页面的路径啊.比如a.html: <html> <script src="/b/c.js"></script> </html> 这样的话我们用location.hre

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

一,页面上引用jar包中的js文件的方法 使用java web框架AppFuse的时候发现,jquery.bootstrap等js框架都封装到jar包里面了.这些js文件通过一个wro4j的工具对其进行了压缩集成到一个js文件里面.页面使用的时候的时候,引用这一个js文件即可.通过解读wro对于js处理的过程,找到了html或者jsp引用jar包中的js文件的方法: <c:set var="base" value="${pageContext.request.conte

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

在使用别人的项目的时候,导入到eclipse中发现js文件报错,解决办法是关闭eclipse的js校验功能. 三个步骤: 1. Eclipse代码   右键点击项目->properties->Validation->Errors/Warming 将Enable Javascript Sematic validation前面的钩子去掉 2.打开.project 文件下面代码去掉 Eclipse代码   <buildCommand> <name>org.eclipse

Eclipse中出现JS文件前有红叉的解决方法

Eclipse中出现JS文件前有红叉的解决方法,亲测有效: Right click your project  (右单击工程属性) Select Properties -> JavaScript -> Include(选择JavaScript下的include菜单) Select Source tab (It looks similar to the Java Build Path Source tab)(选择SOURCE标签) Expand source folder(展开菜单) Highl

eclipse中的js文件出现中文乱码的三种解决办法

这里记录一下Eclipse中打开/编辑JS文件,出现中文乱码的解决办法. 出现中文乱码的原因 在Eclipse中,js文件的默认编码是ISO-8859-1,这种编码和中文不兼容,导致了解码失败,继而出现了中文乱码. 解决中文乱码的方法 解决的方法就是将js文件的编码修改为对应的中文编码就可以了. 1.依次点击Windows->Preferences->General->Content Types->Text->JavaScript Source File,将编码格式改为UTF

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

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

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

一.全局调用方法: 通过该方法每个页面都会引用这个JS文件,除非是类似jQuery这样的系统文件,不然不推荐这种方法. 文件路径:/app/design/frontend/default/Your_Template/layout/page.xml 你会看到很多类似于addJS这样的XML代码,这是magento的优势之一,通过XML来配置文件很方便灵活. 如下: Xml代码   <action method="addJs"><script>varien/js.j