Business Catalyst Web Apps无法在页面上使用jQuery

Question

我为NavBar创建了一个Web应用程序并将其放在我的模板上。它工作正常。

{module_webapps,28592,a,,,,false,20,false,1}

这是此WebApp的代码：

<li>
   <a id="{tag_href-id}" href="{tag_href-id}">{tag_title}</a>
</li>

然后，为了将活动页面显示为突出显示，我在我的模板中编写了这个jQuery：

window.onload = function(){
        var url = window.location.pathname;
        var index = url.lastIndexOf("/") + 1;
        var filenameWithExtension = url.substr(index);
        var filename = "#" + filenameWithExtension.split(".")[0];
        $(filename).addClass('active');

    };

我们的想法是在class="active"标记内添加a;如果它的id等于URL的最后一部分。

之前我使用过相同的想法，没有WebApps。我想知道，在页面中使用jQuery有什么限制，来改变一些来自Web Apps的元素吗？可能是相关页面的加载顺序。或者我错过了另一件事？