zoukankan      html  css  js  c++  java
  • 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);
        });
    }

    错误之处,还望指正!

  • 相关阅读:
    SpringBoot 整合Redis
    IDEA 修改之前保存的git地址的账号和密码
    SpringBoot 上传文件功能
    JAVA结合 JSON Web Token(JWT) 工具类
    SpringBoot 整合Spring Security框架
    Sublime Text3 设置
    Python 正则表达式
    Django+uWSGI+Nginx 部署网站
    web 设计中引入字体
    HTML 超链接返回上一级
  • 原文地址:https://www.cnblogs.com/wenzheshen/p/5666401.html
Copyright © 2011-2022 走看看