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

    错误之处,还望指正!

  • 相关阅读:
    Linux平台下卸载MySQL的方法
    Linux自带mariadb卸载
    ubuntu下mysql的安装
    Java基础-方法区以及static的内存分配图
    Linux新建用户后的必要设置
    vim 个性化设置和操作
    centos6 下查看SELinux状态 关闭SELinux
    查看CentOS版本信息
    Linux下 tar 命令详解
    linux下 利用 rz 命令上传文件
  • 原文地址:https://www.cnblogs.com/wenzheshen/p/5666401.html
Copyright © 2011-2022 走看看