在为dz加一个tab的时候用了jquery.发现引入之后与原生的js发送冲突,
百度谷歌了一下,发现引起冲突的主要原因是$符号的原因。看来很多人是爱钱的啊。。
所以用以下办法来做解决。
<script charset="utf-8" src="./template/jquery.js"></script>
<script type="text/javascript">
var jq=jQuery.noConflict();
jq(document).ready(function(){
jq(.m-tab-nav).first().addClass(current);
jq(.m-to-tab).first().addClass(mjtshow);
jq(.m-to-tab).first().removeClass(mjtdisplay);
jq(.m-tab-nav).click(function(){
jq(.m-tab-nav.current).removeClass(current);
jq(this).addClass(current);
var id=jq(this).attr(tabs-index);
jq(.m-to-tab.mjtshow).addClass(mjtdisplay);
jq(.m-to-tab.mjtshow).removeClass(mjtshow);
jq(.m-to-tab:eq(+ id +)).addClass(mjtshow);
jq(.m-to-tab:eq(+ id +)).removeClass(mjtdisplay);
});
将jquery默认的$符号换成jq或者是其他的自定义字符串就能解决了。这个方法用在其他的js冲突中也一样有效的。
比如ecshop中就没有用到jquery库,但是他自己的库占用了$,所以也可以使用这个方法来解决!
本文来自303Blog,欢迎转载,但请保留链接http://www.303blog.org