jhovyn Ответов: 1

Asp.net - почему аккордеон не работает?

Я попытался сделать аккордеон, используя семантический интерфейс в ASP.NET (MVC) но это не работает..Ниже приведен мой код

Что я уже пробовал:

@{
    ViewBag.Title = "Index";
}

<html>
<head>
    <title>MVC Semantic</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />

<script src="../../Scripts/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="../../semantic/minified/modules/accordion.js" type="text/javascript"></script>
<script src="../../semantic/packaged/javascript/semantic.min.js" type="text/javascript"></script>
<link href="../../semantic/minified/modules/accordion.min.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" language='javascript'>
    $(document).ready(function () {

        $('.ui.accordion').accordion();
    });

</script>

</head>
<body>

<div class="ui accordion">
  <div class="active title">
    
    What is a dog?
  </div>
  <div class="active content">
    <p>A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
  </div>
  <div class="title">
    
    What kinds of dogs are there?
  </div>
  <div class="content">
    <p>There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog that they find to be compatible with their own lifestyle and desires from a companion.</p>
  </div>
  <div class="title">
    
    How do you acquire a dog?
  </div>
  <div class="content">
    <p>Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p>
    <p>A pet shop may be the most convenient way to buy a dog. Buying a dog from a private owner allows you to assess the pedigree and upbringing of your dog before choosing to take it home. Lastly, finding your dog from a shelter, helps give a good home to a dog who may not find one so readily.</p>
  </div>
</div>

</body>
</html>


Пожалуйста, помогите мне :(

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Видите ли вы какую-либо ошибку в консоли браузера?

jhovyn

Нет сообщения об ошибке, сэр..

Karthik_Mahalingam

ты Добавить файл пользовательского интерфейса jQuery и CSS

Kaushik AppzyTech

& lt;!doctype html>


<meta charset= "utf-8">
в <мета имя="область просмотра" содержимого="ширина=устройство-ширина, начально-масштаб=1"и GT;
< title>jQuery UI Accordion-функциональность по умолчанию





$( функция() {
$ ("#аккордеон"). аккордеон();
} );





Раздел 1




Мариуса ставки Маурис, blandit Эт ultrices а suscipit егет, Квам. Целое число
ут-нек. Vivamus Ниси метус, molestie вел беременность в, condimentum сидеть
Амет, имеющий. Вьетнам, жилая площадь. Донец suscipit Эрос. Нам Ми. Proin viverra leo ut
одио. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.


Раздел 2




Сед нон урна. Донек и Анте. Phasellus eu ligula. Преддверия сидеть Амет
пурус. Vivamus hendrerit, боль в laoreet aliquet, Маурис turpis porttitor
велит, faucibus interdum tellus libero ac justo. Vivamus non quam. В
suscipit faucibus urna.


Раздел 3




Нам рисус еним, molestie Эт порта в AC, aliquam переменного тока, рисус. Quisque макроэкономическая.
Phasellus pellentesque purus in massa. Эней в педе. Phasellus переменного тока либеро
ас Теллус избиения, Семпер. ООО АС "Фелис". ООО commodo, Магна магазина
лациния ornare, Квам Анте aliquam Ниси, ЕС iaculis Лев пурус venenatis вождение в нетрезвом виде.


Пункт первый списка
Пункт второй списка
Пункт третий списка


Раздел 4




Изречение кра. Избиения жителя Морби tristique senectus netus Эт
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Энеанская лациния
mauris vel est.


Suspendisse eu nisl. Нуллам ут либеро. Целое число dignissim consequat lectus.
Класс aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos himenaeos.

CHill60

Я отформатировал ваше решение с помощью предварительных тегов, чтобы сделать его более читабельным. Возможно, стоит удалить этот комментарий, поскольку он содержит ту же информацию, что и ваше решение

1 Ответов

Рейтинг:
8

Kaushik AppzyTech 

<html lang="en"><head></head><body><!doctype html>


  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Accordion - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#accordion" ).accordion();
  } );
  </script>


 
<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>
    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.
    </p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>
    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.
    </p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>
    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.
    </p>
    <ul>
      <li>List item one</li>
      <li>List item two</li>
      <li>List item three</li>
    </ul>
  </div>
  <h3>Section 4</h3>
  <div>
    <p>
    Cras dictum. Pellentesque habitant morbi tristique senectus et netus
    et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
    faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
    mauris vel est.
    </p>
    <p>
    Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
    inceptos himenaeos.
    </p>
  </div>
</div>

Пожалуйста, попробуйте этот код my Ruuning demo

Kaushik AppzyTech

Пожалуйста, покажите ссылку http://prnt.sc/ep0ke5 Комлит работает

jhovyn

- Спасибо, сэр..Теперь он работает :)