仅当元素位于特定div中时才启用js文件函数

Question

我尝试在我的bootstrap网站中以图形方式集成我的phpbb论坛（v3.1）。为此，我添加了bootstrap css文件，overall-header.html中的navabar和overall-footer.html中的我的页脚。为了避免冲突，我在<div id="phpbb"></div>之间“封装”了论坛，所以所有phpbb的css都有前缀#phpbb（就像在这个tutorial中）。 我的问题是当我添加了bootstrap css文件时，我论坛的所有javascript都停止了工作。 那么是否可以仅在<div id="phpbb"></div>中启用forum js文件功能以避免与引导程序冲突？事实上，phpbb js基于类来切换下拉列表，但是在bootstrap中有相同的类。

Answer 1

没有。在网页中，脚本环境是整个页面。

大多数情况下，您可以通过使用IIFE限制范围来避免全局冲突。

(function () {
    var local_variable;
    function local_function() { }
})();

您可以在iframe中加载单独的页面，使其完全独立（有意访问top或parent的条形码）。