javascript - 有没有办法阻止某些 javascript 函数访问 jquery 库

Question

情况:

• 在单个网页上，我使用 Syntax Highlighter 和 Lightbox 2
• Syntax Highlighter 使用 JavaScript。 Lightbox 2 使用 jQuery(版本 1.7.2)
• 当我独立(不同的页面)运行每个脚本时，它有效
• 只有当我在同一页面上同时运行时才会出现问题
• 在 Google Chrome 上，网页运行完美
• 在 IE 8 上，调用 lightbox2 函数的一部分时出现错误
• 错误指向 jquery1.7.2 文件说明此对象不支持的方法/属性
• 确切错误行的代码是:parts = rfxnum.exec(val);
• 我插入了一个 alert() 来显示 rfxnum 和 val 的值
• rfxnum=/^([+-]=)?([\d+.-]+)([a-z%]*)$/i
• val = 802
• 我发现的疯狂事情是，当我独立运行这两个脚本时，警报显示 rfxnum 和 val 的相同值，但它运行良好。
• Syntax Highlighter 在所有情况下都运行良好

我的猜测:-Syntax Highlighter 似乎干扰了 jQuery 1.7.2 库中的值/函数/参数。或者语法高亮器和 jQuery 库引用的一些全局值。

我的问题:

• 有没有办法阻止 Syntax Highlighter 或任何其他非 jQuery JS 脚本不交互/引用 jQuery 库。
• 如果答案是，JavaScript 不会首先引用 jQuery 库，那么我的问题是发生这种情况的可能原因有哪些。
• 或者，有没有办法将 jQuery 库和相关的 JS 函数打包在一起，这样其他函数就无法引用包中的任何函数/变量

如果有任何建议/见解，我将不胜感激。

Answer 1

您可以 use noConflict()

<!-- Putting jQuery into no-conflict mode. -->
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>

var $j = jQuery.noConflict();
// $j is now an alias to the jQuery function; creating the new alias is optional.

使用 jQuery.noConflict(); - Lightbox and jQuery conflict