ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не получается установить аттрибут class для <li>
11 сообщений из 11, страница 1 из 1
Не получается установить аттрибут class для <li>
    #38455441
aby_2503
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aby_2503
Гость
Подскажите. пытаюсь постичь ajax. Задача - добавить элемент li в конец списка. Использую Bootstrap. Так вот, элемент добавляется, но не применяются настройки класса. Смотрю в сорцах страницы, элементы добавились, классы указаны. Но когда в дебаг режиме выбираешь этот элемент(в смысле <li>) браузер не показывает этот класс. Вот код
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
function getComments(book, page) {
    $.ajax({
        url: 'comments?id=' + book + '&commentsPage=' + page,
        success: function (data) {
            if (data.isValid) {
                var commentList = document.getElementById("commentList");
                for (var i = 0; i < data.comments.length; i++) {
                    var li = document.createElement('li');
                    var textLi = document.createTextNode(data.comments[i]);
                    li.appendChild(textLi);
                    li.className='list-group-item';
                    commentList.insertBefore(li, commentList.firstChild);

                }
                $("#commentList li").removeClass("list-group-item").addClass("list-group-item");

            }
        },
        failed: function (data) {
            alert("Fuck");
        }
    });
};
...
Рейтинг: 0 / 0
07.11.2013, 02:35
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38455454
от дали ему год
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
от дали ему год
Гость
aby_2503,

код выглядит валидным вроде
уточните что как проверяете

alert("Fuck") - зачОт
...
Рейтинг: 0 / 0
07.11.2013, 03:24
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38455685
aby_2503
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aby_2503
Гость
от дали ему год,вот код страницы до скрипта
Код: html
1.
2.
3.
4.
5.
<div xmlns="http://www.w3.org/1999/xhtml" id="commentList" class="list-group">
<li class="list-group-item">Testing comment</li>
<li class="list-group-item">Check Comment content</li>
<li class="list-group-item">Yeah</li>
</div>



а вот после
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<div xmlns="http://www.w3.org/1999/xhtml" id="commentList" class="list-group">
<li class="list-group-item">Yeah</li>
<li class="list-group-item">Check Comment content</li>
<li class="list-group-item">Testing comment</li>
<li class="list-group-item">Testing comment</li>
<li class="list-group-item">Check Comment content</li>
<li class="list-group-item">Yeah</li>
</div>



первые три, добавленные мной.
но по факту стили, связанные с классом "list-group-item" для них не применились
...
Рейтинг: 0 / 0
07.11.2013, 11:07
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38455689
aby_2503
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aby_2503
Гость
...
Рейтинг: 0 / 0
07.11.2013, 11:08
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38455690
aby_2503
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aby_2503
Гость
а вот после
...
Рейтинг: 0 / 0
07.11.2013, 11:09
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38455772
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Какой-то микс ...
Зачем какашка xmlns? Почему div, а не ul?
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
function getComments(book, page) {
    $.ajax({
        url:"comments",
        data:{id:book, commentsPage:page},
        success:function(data) {
            if (data.isValid) {
                var commentList = $("#commentList");
                $.each(data.comments, function(_, text){
                    var li = $("<li/>").addClass("list-group-item").html(text);
                    commentList.prepend(li);
                })
                commentList.find("li").removeClass("list-group-item").toggleClass("list-group-item");
            }
        },
        failed: function(data) {
            alert("Fuck!!!");
        }
    });
};

Типа такого, но надо проверить - тут ручками вбил.
...
Рейтинг: 0 / 0
07.11.2013, 11:47
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38455910
aby_2503
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aby_2503
Гость
IDVsbruck, касательно xmlns=" http://www.w3.org/1999/xhtml". Я копировал с хрома. он вставил. А про div вместо ul - взято с примеров Bootstrap
...
Рейтинг: 0 / 0
07.11.2013, 12:53
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38457494
aby_2503
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aby_2503
Гость
Все равно не реагирует
...
Рейтинг: 0 / 0
08.11.2013, 11:04
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38457780
junb1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
junb1
Гость
если в li класс прописался, а стили не применились, то значит стили неправильно прописаны
...
Рейтинг: 0 / 0
08.11.2013, 13:17
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38457787
junb1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
junb1
Гость
$("#commentList li").removeClass("list-group-item").addClass("list-group-item");
можно заменить на
$("#commentList li").addClass("list-group-item");
класс второй раз не пропишется :)
...
Рейтинг: 0 / 0
08.11.2013, 13:20
| Ответить | Цитировать | Написать  
Не получается установить аттрибут class для <li>
    #38458340
aby_2503
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aby_2503
Гость
junb1$("#commentList li").removeClass("list-group-item").addClass("list-group-item");
можно заменить на
$("#commentList li").addClass("list-group-item");
класс второй раз не пропишется :)
этот кусок кода не используется. это так - "баловался"
...
Рейтинг: 0 / 0
08.11.2013, 18:44
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не получается установить аттрибут class для <li>
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38455910&tid=1447684]:
 0ms
get settings:
 5ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 148ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 199ms
total:  423ms
созд. / загр.: 423ms
x
x
Закрыть


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