MVC忽略了我的Javascript文件。

前一段時間我創建了一個MVC應用程序，然後才真正理解MVC比前端更後端（因爲我不完全確定我的自定義html的適合位置）。所以我創建了一個只是一個HTML頁面，一個CSS文件和一個Javascript文件的網站。它運行得非常漂亮，所以我返回到我的MVC應用程序來映射我創建的所有內容，以便我可以從後端提供信息，而不會使用段落信息混淆我的html。我把JS文件放在Scripts文件夾中，並將其包含在我的index.cshtml文件中。MVC忽略了我的Javascript文件。

經過調試，我發現它並不是JS沒有工作，它根本沒有包含在項目中。這在Firefox開發版和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'; 
     } 
    } 

})

我對於新手，開發人員，所以有可能是在我的代碼的問題。現在，我主要關注的是將該文件包含在瀏覽器中，但始終歡迎提供建議。

來源

2015-04-07 Gareth

你在代碼之前試過包括JQuery嗎？既然你在它使用JQuery，你必須有它之前已經包含了...

此外，您可以嘗試使用一些：

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

退房，如果你的代碼是在每個工作步。祝你好運！

來源

2015-04-07 00:56:20

在我的文件沒有幫助之前包括JQuery。雖然感謝小費。 – Gareth

MVC忽略了我的Javascript文件。

回答

相關問題