Question

求javascript高手解答，两段代码冲突问题，如何修改。

从网上下了两段jacascript代码，第一段是导航菜单的，第二段是网页内容里面新闻部分的“滑动门”。放到一起有冲突，请教如何修改，本人不会javascript。谢谢。
第一段：
function $(id) {
return document.getElementById(id);
}

function showMenu (baseID, divID) {
baseID = $(baseID);
divID = $(divID);
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
showMenu.cur = divID;

if (! divID.isCreate) {
divID.isCreate = true;
//divID.timer = 0;
divID.onmouseover = function () {
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
};

function hide () {
showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 1000);
}
divID.onmouseout = hide;
baseID.onmouseout = hide;
}
function hideCur () {
showMenu.cur && (showMenu.cur.style.display = 'none');
}
}
第二段：由于内容超长了，我放在图片里。

Answer 1

第一种方法：你把第一段代码中 的 function $() “ $ ”符号换成其他任何单词 例如：dom；
把调用这个 $ 方法的地方全部换成你改的新名字。

第二种方法：把二段代码中的 " $ "符号全部换成 jQuery这个单词。

第一种方法是你要稍微懂一点 js 可以搞定。 比较彻底解决后患。
第二种方法改起来更方便些 但是你以后要调用 $.方法名时要 要把 $ 换成jQuery。

建议用第一种。

Answer 2

使用jquery的noConflict

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
  $.noConflict();
  // 使用另一个库的 $ 的代码
</script>

追问

是要修改第二段代码吗？怎么改

Answer 3

(function(){
    // 把你第一段代码套在一个闭包里
    // 也就是放在这里头
})();