Question

我有很多格式为

的html文件

<head>
…
</head>
<body>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/49714666/menuforJsFiddle2.js"></script>
…
<script>
//some script stuff 
//...
</script>

</body>

我可以只更改menuforJsFiddle2.js的内容，它会影响引用它的所有* .html文件。这是我的小提琴example。

现在我想添加以下js代码，当用户选择它们时，会将class=”active”添加到菜单中的选定标签

$(".dropdown-menu a").click(function() {
    $('li').removeClass('active');
    $(this).parents('li').addClass("active");
});

最好的方法是什么？我可以将它放在menuforJsFiddle2.js文件中或我引用的其他文件中吗？

我可以编写一个脚本，将其添加到结束标记之前的每个* .html文件中，但我宁愿不这样做。但我想我可以将它添加到我已经在* .html文件中引用的js文件中，不知何故* .html文件将从那里使用它。这是我想要的但不确定是否/如何做？

注意::我看过here，但我认为我的问题不同。

Answer 1

如果将代码放在闭包中，那么只要在JS文件之前加载jQuery，就可以安全地将其添加到现有的JS文件中：

;(function() {
    $(function($){
        // your code
    });
});

此外，在您的代码中要小心提供上下文。示例：删除活动类时，所有li，甚至那些与当前元素无关的li都会受到影响。

html +从外部js文件调用jquery

1 个答案: