Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не получается установить аттрибут class для <li> / 11 сообщений из 11, страница 1 из 1
07.11.2013, 02:35
    #38455441
aby_2503
aby_2503
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не получается установить аттрибут class для <li>
Подскажите. пытаюсь постичь 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, 03:24
    #38455454
от дали ему год
от дали ему год
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не получается установить аттрибут class для <li>
aby_2503,

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

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


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