Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Tabs dropdown / 20 сообщений из 20, страница 1 из 1
12.01.2017, 11:42
    #39382992
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tabs dropdown
Добрый день, коллеги!

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

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

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

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


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

Ничего не понял, почему у тебя active на нескольких элементах? Должен быть либо на одной позиции, либо вообще ни на одной. Недопустимо дублировать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.01.2017, 20:14
    #39383573
Shocker.Pro
Shocker.Pro
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tabs dropdown
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, 21:50
    #39383606
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tabs dropdown
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, 22:24
    #39383624
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tabs dropdown
hVosttvadipok,

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

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

Код: 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:10
    #39383806
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Tabs dropdown
vadipok,

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

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

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

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

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

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

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

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



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


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