手風琴不是asp.net中的函數mvc

Question

我沒有得到任何輸出。任何人都可以幫我解決這個問題嗎？

我一直在這個MV.NET項目在ASP.net工作了幾天。我想在我的項目中集成jQuery-UI。我導入了所有必需的文件，但沒有得到任何輸出。我在下面包括手風琴示例代碼。

<div id="acc"> 
<h4>Section1</h4> 
    <div> 
     Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
    </div> 
<h4>Section2</h4> 
    <div> 
     Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. 
    </div> 
<h4>Section3</h4> 
    <div> 
     Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. 
    </div> 
</div> 
<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<script src="~/Scripts/jquery-ui.min.js"></script> 
<link href="~/Content/jquery-ui.css" rel="stylesheet" /> 
<script> 
    $(document).ready(function() 
    { 
     $("#acc").accordion({event:"mouseover"}); 
    } 
    ); 
</script> 

Answer 1

1. 確保jQuery用戶界面庫腳本包含在您的網頁和
2. 確保它包含的jQuery後本身。
3. 確保瀏覽器正在請求這些文件時，服務器會返回這些文件。使用Chrome或任何瀏覽器的調試器並轉到網絡選項卡。然後刷新頁面並確保請求獲取這些文件，並且響應不是錯誤。如果由於無法找到該文件而導致出現錯誤，請修復該路徑以便找到該文件。

Answer 2

您的代碼看起來很好 - 見下面，我把HTML和更換相對包括JS/CSS文件，並與來自Google hosted Libraries CDN取而代之的片段。一種選擇是使用Google或其他主機託管的這些文件，這些文件可爲全球用戶提供更快的加載時間等優勢（有關更多信息，請參閱this answer）。

如果您繼續託管自己的文件，請確保文件正在正確下載。在大多數瀏覽器中，您可以按F12加載瀏覽器控制檯。欲瞭解更多信息，請查看this page上的視頻。您可能會看到下面的圖片，在CSS文件未找到像404錯誤錯誤：

$(document).ready(function() { 
 
    $("#acc").accordion({ 
 
    event: "mouseover" 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<div id="acc"> 
 
    <h4>Section1</h4> 
 
    <div> 
 
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum 
 
    a velit eu ante scelerisque vulputate. 
 
    </div> 
 
    <h4>Section2</h4> 
 
    <div> 
 
    Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. 
 
    </div> 
 
    <h4>Section3</h4> 
 
    <div> 
 
    Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam 
 
    nisi, eu iaculis leo purus venenatis dui. 
 
    </div> 
 
</div>