将脚本限制为某个div

Question

我需要在网站中集成旧的会员标头。 由于他们的脚本和CSS文件经常与我的文件相撞，这真是令人头疼。 如果我在页面中使用jquery，并且集成的标头引用了旧版本的jquery，则我的页面上会出现很多JavaScript错误。 我无法将标头添加到iframe中，因为它们经常带有带有下拉菜单的导航栏，如果下拉菜单很大，我将不得不为标头分配整个视图。 有谁能解决不涉及iframe的问题？ 谢谢！

Answer 1

我不确定您是否在向特定页面添加其他版本的jquery时遇到问题，如果只是在您确实需要的特定页面中添加不同版本的jquery，

例如，使用名称为example.php的Jquery创建完整文件，然后在主页中包含要创建的类为空的div的示例，请使用jquery .load函数将示例文件加载到示例页面中

example.php
echo (<h3>Hello World</h3>);
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$('h3').click(function(){
     alert('Ok');
});
</script>

然后在main.php中

<div class="foo"></div>
<script>
 $(function(){
     $('.foo').load(path/to/example.php);
 });
</script>

Answer 2

查看jQuery.noConflict()文档： https : jQuery.noConflict()

W3学校有使用说明

var $jq = jQuery.noConflict();

它将使用您设置的任何值重置$变量，以免引起其他库或版本的注意。

Answer 3

尝试这个：

var $jq = jQuery.noConflict();