powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Иконки для редактирования комментария
9 сообщений из 9, страница 1 из 1
Иконки для редактирования комментария
    #38698385
Фотография Паша01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Доброго времени суток!
Хочу сделать иконку для редактирования рядом с каждым комментарием.
Вот обрабатываю нажатие на иконку этим кодом:
Код: javascript
1.
2.
3.
    $('#edit-comment-button').click(function (event) {
        alert('Edit comment');
    });


Но как я понял, надо для каждого комментария для иконки генерировать уникальный id, к примеру, id="edit-comment-button-4123" .
А вот как тогда всем этим иконкам с уникальным id в одном месте кода назначить одну и туже обработку .click() ?
...
Рейтинг: 0 / 0
Иконки для редактирования комментария
    #38698534
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Паша01Но как я понял, надо для каждого комментария для иконки генерировать уникальный id

Нахрена? Дай им одинаковый класс и перехватывай событие у класса.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<script>
    $('.edit-comment-button').click(function () {
        alert($(this).attr("comment_id"));
    });

</script>

<button class="edit-comment-button" comment_id="152">Редактировать</button>
<button class="edit-comment-button" comment_id="548">Редактировать</button>
<button class="edit-comment-button" comment_id="985">Редактировать</button>
<button class="edit-comment-button" comment_id="1002">Редактировать</button>
...
Рейтинг: 0 / 0
Иконки для редактирования комментария
    #38698744
Фотография Паша01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
FishHook ,

Спасибо, помогло!
...
Рейтинг: 0 / 0
Иконки для редактирования комментария
    #38699029
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<script>
    $("#button_wrapper").on("click", ".edit-comment-button", function (e) {
        alert($(this).attr("comment_id"));
    });
</script>

<div id="button_wrapper">
<button class="edit-comment-button" comment_id="152">Редактировать</button>
<button class="edit-comment-button" comment_id="548">Редактировать</button>
<button class="edit-comment-button" comment_id="985">Редактировать</button>
<button class="edit-comment-button" comment_id="1002">Редактировать</button>
</div>



так бы наверное немного лучше
...
Рейтинг: 0 / 0
Иконки для редактирования комментария
    #38699321
Фотография Паша01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: javascript
1.
2.
3.
4.
5.
$('.edit-comment-icon').click(function (event) {
    //some code
});

<span class="edit-comment-icon"></span>



Вот так сделал и норм работает. А чем вариант выше лучше?
...
Рейтинг: 0 / 0
Иконки для редактирования комментария
    #38700282
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Паша01,

на дом навешивается меньше событий
многие js-библиотеки свои события навешивают вообще на body
...
Рейтинг: 0 / 0
Иконки для редактирования комментария
    #38700361
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
comment_id="152" это не валидно.
...
Рейтинг: 0 / 0
Иконки для редактирования комментария
    #38700836
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадяcomment_id="152" это не валидно.
Чо?
...
Рейтинг: 0 / 0
Иконки для редактирования комментария
    #38700911
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
FishHookЧо?
Ну, формально он прав.
Надо data-comment_id, чтоб в стандарт кастомных свойств попадать.
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Иконки для редактирования комментария
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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