今天上午和惠子在研究一个插件---jQuery的htmlBox插件.这个插件很好用.demo也很简单,但将其放到我们自己的项目中的时候确发生了路径不正确的问题.
先看一下htmlBox的简单效果:
那这个简单的效果放到hxtd项目上的时候,却发生了这样的问题:
先说说这里的几个问题:1.图片没有正确显示出来2.工具栏的高度变宽了.
研究和好久,发现需要修改htmlbox.min.js文件,
本来我在htmlbox.full.js文件中也发现了应该修改这样的代码,因为在下面有文件路径的定义,他是这么定义的:
能修改图片路径的地方我全都找了,就找到这一个。但问题是,htmlbox.full.js这个文件并没有在文件中被引用。然后就没有思路。其实,htmlbox.full.js文件就是html.min.js文件的完整版,而html.min.js是htmlbox.full.js通过js加密后的压缩版。
第二个问题是工具条变宽的问题,这个嵌套这个插件的div有关。是这个div使其变大了。这个问题在这里指出,主要是为了能引起注意。外面的环境可能影响插件。
总结:
一个很简单的问题,修改一个路径就可以结局的问题,却花了两三个小时,从中也得到了知识,具体总结如下:
1. 对jquery的基本常识不够。htmlbox.full.js和htmlbox.min.js的关系,应该很简单就想到。以后估计不会再犯这个错误了。
2.这个插件要作为一个整体来用,当在不同的地方引用时,需要修改的是图片的路径。图片路径就在htmlbox.full.js文件中修改,然后js加密,覆盖htmlbox.min.js文件中的内容即可
3.js加密,解密。原来只是到完整包和压缩包的关系,现在知道了这个过程叫js加密,解密,通过eval()函数实现。具体加密、解密的过程可以在网上查找。如:http://tool.lu/js/
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。