Bootstrap Studio 中的页面特定脚本

Question

（此问题特定于 Bootstrap Studio）

我需要包含一段仅针对一个页面的 JS。

我不能把它放在一个 JS 文件中，因为它是特定于一页的，而 BSS 显然没有选择 link JS 文件到单个页面。它总是在所有页面中导入所有 JS 文件（我认为这本身就是一个严重的限制）。
我不能把它放在页面的自定义代码块中，因为它使用 jQuery，它是在整个页面内容（包括 jQuery.js）之后由 BSS 加载的，因此我看到了$ 未定义 我的脚本运行时出错。

我的出路是什么？

Answer 1

你有：

1) 等待jQuery加载完成，你可以用这样的代码来做到这一点：

$( document ).ready(function() {
  // Handler for .ready() called.
  if (window.location.pathname == '/mypage.php') {
    // execute my custom code
  }
});

或

    var waitForJQuery = setInterval(function () {
    if (typeof $ != 'undefined') {    
        // place your code here.
        if (window.location.pathname == '/mypage.php') {
          // execute my custom code
        }

       clearInterval(waitForJQuery);
        }
    }, 50);

2）如果你只想在自定义页面上执行你的代码，你可以检查你在哪个页面，如果你在好的页面上，你执行你的自定义代码
```
if (window.location.pathname == '/mypage.php') {
  // execute my custom code
}
```
在此处查看更多可能性：Best way to execute js only on specific page

Answer 2

你可以很容易地right-click在js文件上。在下拉列表中，您可以 select“可见性”，然后 select 所有 html 您想要使用 js 文件的页面。

Bootstrap Studio 中的页面特定脚本

Page-specific script in Bootstrap Studio

javascript

jquery

bootstrap-studio