Question

前一段时间我创建了一个MVC应用程序，之前我才真正理解MVC比后端更加后端（因为，我并不完全确定我的自定义html适合的位置）。所以我创建了一个只是HTML页面，CSS文件和Javascript文件的网站。它运行得很漂亮，所以我回到我的MVC应用程序，将我创建的内容映射到它上面，这样我就可以从后端提供信息，而不会使我的html与信息段混杂在一起。我将JS文件放在Scripts文件夹中，并将其包含在我的index.cshtml中。

经过调试，我发现JS没有工作，根本没有包含在项目中。这在Firefox Developer Edition和Internet Explorer中都有。

我尝试在reference.js中添加对它的引用。我尝试创建一个.DLL并将其调用到我的页面中。我尝试删除所有其他Javascript文件，以确保它没有被覆盖，结果只是一个没有javascript的页面。我甚至尝试重新创建项目，但它仍然无法正常工作。我尝试将我的js文件移到顶部，以防它与加载顺序有关。我尝试了其他一些东西，但是在三天的搜索过程中几乎没有进展，我无法记住它们究竟是什么。我唯一没做过的就是将脚本本身直接放在页面中。

我正在使用Windows 10，尝试在VisualStudio 2015中开发并回滚到2013年，部分原因是由于无法在2015年更改我的高级属性以将JS内容设置为嵌入式（另一个建议）。项目单个部分是最初是在Windows8.1上的VS2013中完成的，所以我想知道是否存在某些我忽略的兼容性问题。

我不确定这里提供的代码是什么，但这是我目前的html：

红狼的辩护

<!--Styles-->
<link rel="stylesheet" type="text/css" href="Site.css">
<link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!--Scripts-->
<script src="~/Scripts/animalpagination.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

这是我的JS。它需要一个四按钮分页样式元素，以网页上的信息为目标，并在按钮状态激活时显示它。

//assign button a value, remove active, add active to clicked

$('.animalbutton').on('click', function () {
    var animaltoShow = $(this).attr('rel');
    $('#' + animaltoShow).button();
    $('.animalbutton').removeClass('active');
    $(this).addClass('active');

    //change active class on the content

    $('.animal').removeClass('active');
    $(this).show(function () {
        $("#" + animaltoShow).addClass('active', isactive);
    })

    function isactive() {
        //check if active, toggle visibility
        if (!'.animal .active') {
            document.getElementByClass('.animal').style.visibility = 'hidden';
        }
        else {
            document.getElementByClass('.animal .active').style.visibility = 'visible';
        }
    }

})

我是新手开发人员，因此我的代码可能存在问题。现在我主要专注于将该文件包含在浏览器中，但建议总是受欢迎。

Answer 1

您是否尝试在代码之前包含JQuery？既然你正在使用JQuery，你必须在它之前包含它...

此外，您可以尝试使用一些：

console.log('everything is fine here');

检查您的代码是否在每一步都有效。祝你好运！

MVC忽略了我的Javascript文件。

1 个答案: