引入2个js。 一个瀑布流的 一个弹窗的。
弹窗
<link rel="stylesheet" href="{%$URL%}css/baguettebox.min.css" />
<script src="{%$URL%}js/baguettebox.min.js"></script>
<!--原始弹窗js <script src="http://liuxiaofan.com/demo/js... type="text/javascript"></script> -->
瀑布流
<script src="{%$URL%}js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="{%$URL%}js/jaliswall.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('.wall').jaliswall({ item: '.article' });
});
</script>
这个里面的$ 怎么可以改成既能 被调用 还不会 和 弹窗的js冲突呢?
jaliswall 本来就是基于 jQuery 的,也就是说它的 $
还是代表 jQuery
baguettebox 的文档 Demo 里没发现用到 $
那么,是哪里造成了冲突?
引入 jQuery之后,引入其他库之前执行:
jQuery.noConflict();
以后需要 用到 jQuery 的时候,比如你的 代码改成:
jQuery(function () {
//....
});
写 jQuery 感觉太长,还能改变。
var $$ = jQuery.noConflict();
调用的时候,就可以写成:
$$(function () {
//....
});