VPF::Клик на ссылке - Форум программистов

s1lver

Дата 11.8.2014, 12:07 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 580
Регистрация: 14.12.2007
Где: Россия

Репутация: нет
Всего: нет

Доброго времени суток!

Подскажите как можно сделать нажатие на ссылку, чтобы передавались уникальные данные для каждой из ссылки?

Допустим, есть несколько ссылок:

Код



<a href="#" id="<?php echo $id; ?>" class="add">Добавить</a>
<a href="#" id="<?php echo $id; ?>" class="add">Добавить</a>
<a href="#" id="<?php echo $id; ?>" class="add">Добавить</a>
<a href="#" id="<?php echo $id; ?>" class="add">Добавить</a>
....

id у каждой ссылки будет уникальным, по клике на ссылке этот id должен передаться скрипту.

Код


$(document).ready(function(){
    $(".add").unbind("click").click(function(){
        var id = $(".add").attr("id");
        alert(id);
        $.ajax({
            type:"POST",
            url:"test.php",
            dataType:"text",
            data:{
                id:id
            },
            success: sync,
            error:sync_error
        });

        function sync(data){
            $(data).appendTo(document.getElementById(id));
        }

        function sync_error(){

        }
    });
});

Тут, я пытаюсь открепить обработчик от ссылки, чтобы в переменную id записался текущий id ссылки и выполнился запрос. Однако, происходит только обращение к первой ссылке.

Пример тут http://jsfiddle.net/49oyL6uj/

Это сообщение отредактировал(а) s1lver - 11.8.2014, 12:18

--------------------

Я собрался жить вечно - пока все идет нормально!

JAYBE

Дата 11.8.2014, 14:32 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: нет
Всего: 0

Код


$(document).ready(function(){
    $(".add").unbind("click").click(function(){
        var id = $(this).attr("id");
        alert(id);
        $.ajax({
            type:"POST",
            url:"test.php",
            dataType:"text",
            data:{
                id:id
            },
            success: sync,
            error:sync_error
        });
        function sync(data){
            $(data).appendTo(document.getElementById(id));
        }
        function sync_error(){
        }
    });
});

Aliance

Дата 11.8.2014, 14:37 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

ID по RFC не может начинаться с цифры. Либо с некого префикса, либо используйте data-* атрибуты (и тогда читайте их через $(selector).data('*')).

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »