Javascript MVC js脚本在\Home\Index上断开,但在\Home上未断开
我正在为我的MVC网站使用一个购买的带一些滑块和其他好东西的引导模板 我已经更改了js的捆绑包配置,如下所示: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
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){
文件。写(“”);
}