Sarode Chetan Ответов: 2

Jquery не работает в MVC

После запуска программы она не показывает вкладку в браузере:-

@Scripts.Render("~/bundles/JUIJS")
@Styles.Render("~/Content/JUICSS")
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">
    $(document).ready(function () {
        $("#tab").tabs();

    });
</script>
<div>
    <div id="tab">
        <ul class="ui-tabs">
            <li><a href="#tabs-1">Tab 1</a></li>
            <li><a href="#tabs-2">Tab 2</a></li>
            <li><a href="#tabs-3">Tab 3</a></li>
        </ul>
        <div id="tabs-1">
            <p>In Tab one</p>
        </div>
        <div id="tabs-2">
            <p>In Tab Two</p>
        </div>
        <div id="tabs-3">
            <p>In Tab Three</p>
        </div>
    </div>
</div>

Suvendu Shekhar Giri

Не могу понять вашу проблему из той информации, которой вы поделились. Пожалуйста, отформатируйте код так, чтобы люди могли понять и предоставить больше информации о вашей проблеме.

2 Ответов

Рейтинг:
1

F-ES Sitecore

Ничего не показывает? Или не показывает того, чего вы ожидаете? Если последнее убедитесь что у вас есть соответствующая таблица стилей на странице

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">


Если он вообще ничего не показывает, проверьте консоль на наличие ошибок, посмотрите, не мешает ли что-то еще, что вы размещаете на странице (например, ваши пакеты), коду.

Рейтинг:
0

Karthik_Mahalingam

попробовать это

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
   <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
   <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

   <script>
     $(function() {
         $( "#tabs" ).tabs();
     });
   </script>

   <div id="tabs">
       <ul>
           <li><a href="#tabs-1">Tab 1</a></li>
           <li><a href="#tabs-2">Tab 2</a></li>
           <li><a href="#tabs-3">Tab 3</a></li>
       </ul>
       <div id="tabs-1">
           <p> Tab 1 data  </p>
       </div>
       <div id="tabs-2">
           <p> Tab 2 data  </p>
       </div>
       <div id="tabs-3">
           <p> Tab 3 data  </p>
       </div>
   </div>


См. это для связывания скриптов и стилей
Пакетирование и минификация | The ASP.NET сайт[^]