JQuery подтвердить диалог для ссылки, работающей только в первую очередь в списке

Question

JQuery подтвердить диалог для ссылки, работающей только в первую очередь в списке

0

У меня есть следующий скрипт:

<script type="text/javascript">
$(document).ready(function() {
    $('#confirm_Group_Delete').click(function(event) {
        event.preventDefault();
        if (confirm('All loan units grouped to this group will be unlinked. Are you sure you want to DELETE this group?')) {
            var url = $(this).attr('href');
            $('#content').load(url);
        }
        else
        {
            return false;
        }
    });
});
</script>

С таблицей, полной пунктов:

<td>
    Item 1 <a id="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a>
    Item 2 <a id="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a>
    Item 3 <a id="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a>
</td>

Проблема заключается в том, что скрипт подтверждения JQuery отображается только для первого элемента в списке - в этом случае пункта 1. Для всех остальных элементов сайт удаляет элемент без подтверждения.

Есть идеи?

Vidarious 20 фев. 2014, в 21:44

Источник

Теги:

javascript

jquery

confirm

1 ответ

Ещё вопросы

André Muniz · Accepted Answer · 2014-02-20T18-31-00.000Z

Атрибут id не может быть одинаковым для разных элементов.

Измените селектор, чтобы вызвать класс вместо id:

<script type="text/javascript">
$(document).ready(function() {
    $('.confirm_Group_Delete').click(function(event) {
        event.preventDefault();
        if (confirm('All loan units grouped to this group will be unlinked. Are you sure you want to DELETE this group?')) {
            var url = $(this).attr('href');
            $('#content').load(url);
        }
        else
        {
            return false;
        }
    });
});
</script>

И затем измените свой html следующим образом:

<td>
    Item 1 <a class="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a>
    Item 2 <a class="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a>
    Item 3 <a class="confirm_Group_Delete" href='<?=$_SERVER['PHP_SELF']?>?sec=groups&action=delete&id=<?=$group['id']?>#group'>Delete</a>
</td>

Добро пожаловать Vidarious! Отметьте ответ как правильный, пожалуйста.