Javascript MVC js脚本在\Home\Index上断开,但在\Home上未断开

Javascript MVC js脚本在\Home\Index上断开,但在\Home上未断开,javascript,twitter-bootstrap,model-view-controller,Javascript,Twitter Bootstrap,Model View Controller,我正在为我的MVC网站使用一个购买的带一些滑块和其他好东西的引导模板 我已经更改了js的捆绑包配置,如下所示: bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include( "~/js/core.min.js", "~/js/bootstrap.min.js", "~/js/script.js")); 我已经更改了css的bun

我正在为我的MVC网站使用一个购买的带一些滑块和其他好东西的引导模板

我已经更改了js的捆绑包配置,如下所示:

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/js/core.min.js",
                  "~/js/bootstrap.min.js",
                  "~/js/script.js"));
我已经更改了css的bundle配置,如下所示:

        // This includes the bootstrap for the current template
        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/css/style.css"));
这会将JS和CSS放在正确的位置。。。。相对路径和所有。然而,有一个轻微的问题。。。在custom script.js文件中,有一些js也会加载其他js文件。当MVC路径改变时,js包含的加载似乎不起作用。因此,当路径为\ Home时,将正确加载内容。当路径为\Home\Index(本质上是同一页)时,js无法正确加载

以下是我认为问题所在的js示例:

var o = $(".swiper-slider");
if (o.length) {
    include('js/jquery.swiper.min.js');
在我的视图中,我已经在处理图像的相对路径等,如下所示:

        <div data-slide-bg="@Url.Content("~/images/header-4.jpg")"  
             class="swiper-slide">
            <div class="swiper-slide-caption"></div>
        </div>
然而,我认为这会带来一些问题

有什么好办法处理这个问题吗

我认为标准的bootstrap.js和jquery文件可以很好地处理这个问题,没有任何问题

更新:

现在,我在加载脚本文件的js函数中添加了一个斜杠。(见下文)这是可行的,但我仍然怀疑这是否是最好的方法

function include(scriptUrl) {
    document.write('<script src="' + '/' + scriptUrl + '"></script>');
}
function include(scriptUrl) {
    document.write('<script src="' + '/' + scriptUrl + '"></script>');
}
函数包含(scriptUrl){
文件。写(“”);
}

这样就可以回答这个问题了

现在,我在加载脚本文件的js函数中添加了一个斜杠。(见下文)这是可行的,但我仍然怀疑这是否是最好的方法

function include(scriptUrl) {
    document.write('<script src="' + '/' + scriptUrl + '"></script>');
}
function include(scriptUrl) {
    document.write('<script src="' + '/' + scriptUrl + '"></script>');
}
函数包含(scriptUrl){
文件。写(“”);
}