ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Tabs dropdown
20 сообщений из 20, страница 1 из 1
Tabs dropdown
    #39382992
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
Добрый день, коллеги!

Добавил в tabs dropdown. В начале все работало как часы.
Теперь перестало, и откатил назад и упростил пример, ничего не помогает.
Tabs ы работают, а вот dropdown вызывает ошибку.
Подскажите плиз, в чем проблема?

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
<div class="container">

    <!-------->
    <div id="content">
        <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
            <li class="active"><a href="#red" data-toggle="tab">Red</a></li>
            <li><a href="#orange" data-toggle="tab">Orange</a></li>
            <li><a href="#yellow" data-toggle="tab">Yellow</a></li>
            <li><a href="#green" data-toggle="tab">Green</a></li>
            <li><a href="#blue" data-toggle="tab">Blue</a></li>
            <li data-toggle="collapse" data-target="#ddd">
                <a class="list-group-item" href="#">
                    <i class="fa fa-mortar-board fa-lg"></i>
                    Планирование ГТМ
                    <b class="caret"></b>
                </a>
                <ul class="sub-menu collapse" id="ddd">
                    <li><a href="#blue" data-toggle="tab">Blue</a></li>
                    <li><a href="#green" data-toggle="tab">Green</a></li>
                </ul>   
            </li>
 

        </ul>
        <div id="my-tab-content" class="tab-content">
            <div class="tab-pane active" id="red">
                <h1>Red</h1>
                <p>red red red red red red</p>
            </div>
            <div class="tab-pane" id="orange">
                <h1>Orange</h1>
                <p>orange orange orange orange orange</p>
            </div>
            <div class="tab-pane" id="yellow">
                <h1>Yellow</h1>
                <p>yellow yellow yellow yellow yellow</p>
            </div>
            <div class="tab-pane" id="green">
                <h1>Green</h1>
                <p>green green green green green</p>
            </div>
            <div class="tab-pane" id="blue">
                <h1>Blue</h1>
                <p>blue blue blue blue blue</p>
            </div>
        </div>
    </div>


</div> <!-- container -->
...
Рейтинг: 0 / 0
12.01.2017, 11:42
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39382995
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
Я понял в чем проблема, в Гугл работала, а в IE значит и раньше не работала.
Проблема остается открытой.
...
Рейтинг: 0 / 0
12.01.2017, 11:47
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383005
handmadeFromRu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
handmadeFromRu
Участник
причем тут асп нет?
...
Рейтинг: 0 / 0
12.01.2017, 12:05
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383052
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
vadipok,

Делай по примерам, и всё будет работать:

http://getbootstrap.com/javascript/#tabs
...
Рейтинг: 0 / 0
12.01.2017, 12:44
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383057
Фотография ЕвгенийВ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ЕвгенийВ
Участник
vadipok,
Какой версии IE?
...
Рейтинг: 0 / 0
12.01.2017, 12:46
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383134
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
ЕвгенийВvadipok,
Какой версии IE?

11
...
Рейтинг: 0 / 0
12.01.2017, 13:42
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383161
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
hVosttvadipok,

Делай по примерам, и всё будет работать:

http://getbootstrap.com/javascript/#tabs


Ошибка повторяется.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<div>

    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist" id="myTabs">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
        <li class="dropdown active">
            <a class="dropdown-toggle" href="#" data-toggle="dropdown">Выпадающий список <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li class="active"><a href="#dropdown1" data-toggle="tab">dropdown1</a></li>
                <li class=""><a href="#dropdown2" data-toggle="tab">dropdown2</a></li>
            </ul>
        </li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">1</div>
        <div role="tabpanel" class="tab-pane" id="profile">2</div>
        <div role="tabpanel" class="tab-pane" id="messages">3</div>
        <div role="tabpanel" class="tab-pane" id="settings">4</div>
        <div role="tabpanel" class="tab-pane fade active in" id="dropdown1">5</div>
        <div role="tabpanel" class="tab-pane fade" id="dropdown2">6</div>
    </div>

</div>
...
Рейтинг: 0 / 0
12.01.2017, 14:02
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383219
Фотография Shocker.Pro
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shocker.Pro
Участник
vadipok,
 
в чем логика использования [SRС C++] для оформления HTML?
...
Рейтинг: 0 / 0
12.01.2017, 14:58
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383235
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
Shocker.Provadipok,
 
в чем логика использования [SRС C++] для оформления HTML?


Попробуй в HTML завернуть мое первое сообщение и увидишь что произойдет.
...
Рейтинг: 0 / 0
12.01.2017, 15:08
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383384
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
vadipok,

Ничего не понял, почему у тебя active на нескольких элементах? Должен быть либо на одной позиции, либо вообще ни на одной. Недопустимо дублировать.
...
Рейтинг: 0 / 0
12.01.2017, 17:05
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383573
Фотография Shocker.Pro
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shocker.Pro
Участник
vadipokПопробуй в HTML завернуть мое первое сообщение и увидишь что произойдет.
попробовал. А что произошло?
 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
<div class="container">

    <!-------->
    <div id="content">
        <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
            <li class="active"><a href="#red" data-toggle="tab">Red</a></li>
            <li><a href="#orange" data-toggle="tab">Orange</a></li>
            <li><a href="#yellow" data-toggle="tab">Yellow</a></li>
            <li><a href="#green" data-toggle="tab">Green</a></li>
            <li><a href="#blue" data-toggle="tab">Blue</a></li>
            <li data-toggle="collapse" data-target="#ddd">
                <a class="list-group-item" href="#">
                    <i class="fa fa-mortar-board fa-lg"></i>
                    Планирование ГТМ
                    <b class="caret"></b>
                </a>
                <ul class="sub-menu collapse" id="ddd">
                    <li><a href="#blue" data-toggle="tab">Blue</a></li>
                    <li><a href="#green" data-toggle="tab">Green</a></li>
                </ul>   
            </li>
 

        </ul>
        <div id="my-tab-content" class="tab-content">
            <div class="tab-pane active" id="red">
                <h1>Red</h1>
                <p>red red red red red red</p>
            </div>
            <div class="tab-pane" id="orange">
                <h1>Orange</h1>
                <p>orange orange orange orange orange</p>
            </div>
            <div class="tab-pane" id="yellow">
                <h1>Yellow</h1>
                <p>yellow yellow yellow yellow yellow</p>
            </div>
            <div class="tab-pane" id="green">
                <h1>Green</h1>
                <p>green green green green green</p>
            </div>
            <div class="tab-pane" id="blue">
                <h1>Blue</h1>
                <p>blue blue blue blue blue</p>
            </div>
        </div>
    </div>


</div> <!-- container -->

...
Рейтинг: 0 / 0
12.01.2017, 20:14
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383606
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
Shocker.ProvadipokПопробуй в HTML завернуть мое первое сообщение и увидишь что произойдет.
попробовал. А что произошло?
 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
<div class="container">

    <!-------->
    <div id="content">
        <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
            <li class="active"><a href="#red" data-toggle="tab">Red</a></li>
            <li><a href="#orange" data-toggle="tab">Orange</a></li>
            <li><a href="#yellow" data-toggle="tab">Yellow</a></li>
            <li><a href="#green" data-toggle="tab">Green</a></li>
            <li><a href="#blue" data-toggle="tab">Blue</a></li>
            <li data-toggle="collapse" data-target="#ddd">
                <a class="list-group-item" href="#">
                    <i class="fa fa-mortar-board fa-lg"></i>
                    Планирование ГТМ
                    <b class="caret"></b>
                </a>
                <ul class="sub-menu collapse" id="ddd">
                    <li><a href="#blue" data-toggle="tab">Blue</a></li>
                    <li><a href="#green" data-toggle="tab">Green</a></li>
                </ul>   
            </li>
 

        </ul>
        <div id="my-tab-content" class="tab-content">
            <div class="tab-pane active" id="red">
                <h1>Red</h1>
                <p>red red red red red red</p>
            </div>
            <div class="tab-pane" id="orange">
                <h1>Orange</h1>
                <p>orange orange orange orange orange</p>
            </div>
            <div class="tab-pane" id="yellow">
                <h1>Yellow</h1>
                <p>yellow yellow yellow yellow yellow</p>
            </div>
            <div class="tab-pane" id="green">
                <h1>Green</h1>
                <p>green green green green green</p>
            </div>
            <div class="tab-pane" id="blue">
                <h1>Blue</h1>
                <p>blue blue blue blue blue</p>
            </div>
        </div>
    </div>


</div> <!-- container -->



У меня почему то не пошло, появилось очень много пустых строк.
...
Рейтинг: 0 / 0
12.01.2017, 21:50
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383624
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
hVosttvadipok,

Ничего не понял, почему у тебя active на нескольких элементах? Должен быть либо на одной позиции, либо вообще ни на одной. Недопустимо дублировать.

Ох, где же вы раньше были.
Понял, спасибо, завтра попробую.
...
Рейтинг: 0 / 0
12.01.2017, 22:24
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383785
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
Все равно не пашет.
...
Рейтинг: 0 / 0
13.01.2017, 09:38
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383805
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
Создал новый проект, скопировал вот это туда и вуаля работает!
А в моем проекте нет. (

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<div class="btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        Action
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
        <li><a tabindex="-1" href="#">Action</a></li>
        <li><a tabindex="-1" href="#">Another action</a></li>
        <li><a tabindex="-1" href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Separated link</a></li>
    </ul>
</div>



Видимо я что то поставил, что изменило логику приложения и кирдык.
А хз теперь что сносить, придется все с из нова переписать.
...
Рейтинг: 0 / 0
13.01.2017, 10:09
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383806
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
vadipok,

В консоле ошибок нет? Бутстрап подключен? jQuery? Где бутстрап подключен? Вверху страницы? Внизу?
...
Рейтинг: 0 / 0
13.01.2017, 10:10
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383814
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
hVosttvadipok,

В консоле ошибок нет? Бутстрап подключен? jQuery? Где бутстрап подключен? Вверху страницы? Внизу?


По умолчанию.
 

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title – приложение ASP.NET</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <link rel="shortcut icon" type="image/x-icon" href="@Url.Content("~/Content/images/favicon.ico")" />
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

</head>

<body>
    <div class="navbar navbar-black navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Лазурит", "Index", "Home", new { area = "" }, new { @class = "navbar-brand text-info" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Домашняя страница", "Index", "Home", new { area = "" }, new { @class = "text-default" })</li>
                    <li>@Html.ActionLink("О программе", "About", "Home", new { area = "" }, new { @class = "text-default" })</li>
                    <li>@Html.ActionLink("Контакт", "Contact", "Home", new { area = "" }, new { @class = "text-default" })</li>
                    <li>@Html.ActionLink("Администрирование", "Admin", "Admin", new { area = "" }, new { @class = "text-default" })</li>
                </ul>
                <p class="nav navbar-text navbar-right">Здравствуйте, @User.Identity.Name!</p>
            </div>
        </div>
    </div>

    <div class="container col-center">
        @RenderBody()
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)


    <div id="modDialog" class="modal fade">
        <div id="dialogContent" class="modal-dialog"></div>
    </div>


</body>
</html>


...
Рейтинг: 0 / 0
13.01.2017, 10:16
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383818
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
vadipok,

Если это имеет значение, то этот шаблон открывается другим шаблоном и потом только основная страница, на которой расположен этот DropDown.
...
Рейтинг: 0 / 0
13.01.2017, 10:17
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383853
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
vadipok,

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

в таком случае надо делать что-то типа такого:

Код: javascript
1.
2.
3.
4.
$('#myTabs a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})
...
Рейтинг: 0 / 0
13.01.2017, 10:38
| Ответить | Цитировать | Написать  
Tabs dropdown
    #39383865
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
hVosttvadipok,

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

в таком случае надо делать что-то типа такого:

Код: javascript
1.
2.
3.
4.
$('#myTabs a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})



Вчера-сегодня что только не делал, и даже это, не помогло.
...
Рейтинг: 0 / 0
13.01.2017, 10:49
| Ответить | Цитировать | Написать  
20 сообщений из 20, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Tabs dropdown
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]