Как правильно использовать .get и .click?

Question

[mortefy]

function toster (){
        for (i=0; i<=20; i++){
            $.get('a#'+i,function(data){
                $('tabe').append('<tr><td><a class="link" title="'+data.text()+'"></a></td></tr>')
               
                  $('a.link').eq(i).click(function(){
                    Код на клик
                })
            })
    
        }
    
    
    }

В цикле формируем таблицу на основе запроса get в которой есть ссылка, которую мне надо активировать после построения всей таблицы.
в таком варианте он не успевает сделать запрос и построить таблицу, а click функция уже ищет свою жертву.
подскажите начинающему как правильно.

Помогает только если ставить setTimeout в конце цикла, но это не выход:(

Answer 1

[fabrykant]

нужен один обработчик клика, и вне функции.

function toster (){
        for (i=0; i<=20; i++){
            $.get('a#'+i,function(data){
                $('tabe').append('<tr><td><a class="link" title="'+data.text()+'"></a></td></tr>')
            })
        }
    }

$("tabe").on( "click", "a.link", function() {
  console.log( $( this ).index() );
});

Comments

[mortefy]

Спасибо тебе, добрый человек!!! делегированное выполнение просто шик!!!

Answer 2

[KuzmenkoArtem]

Ну в вашем случае будет поочередно добовлять ссылку и сразу же click
Если хотите что бы у вас полностью построилась таблица а потом уже прокликалось
Сделайте в цикле в конеце условие если i==20 то вызовите функцию которая прокликает все ссылки.

И у вас возможно опечатка "for (i=0; i==20; i++){"
там наверное должно быть "for (i=0; i<=20; i++){"

Comments

[mortefy]

пробовал и в конце цикла, пропускает последние пару ссылок, т.е. не успевает сформировать таблицу по загруженному контенту, а click уже применяется(для последних ссылок click не работает).
p.s. да опечатка=) спасибо

Answer 3

[Дмитрий]

Вешайте click не в цикле, а в конце. Методом .on()

Comments

[mortefy]

ни в какую, последние пару ссылок - нерабочие=(

[Дмитрий]

mortefy: то есть без примера кода вы не смогли? Мда((( а слова про делегированное выполенние - это для умности? :) удачи вам.

[mortefy]

Дмитрий: я про делегирование не знал. Теперь сразу вешаю on click на table.
Причём тут умность и Ваши слова "не в цикле, а в конце". Написали бы что обработчик вешать не на ссылку можно, а на саму таблицу или вышестоящий див.
Выпендривайтесь в другом месте! Всего хорошего!

[Дмитрий]

mortefy: вы точно хорошо прочитали мануал?) обработчик вешается все равно на ссылку. Другое дело, что parent элемент отслеживает появление указанных элементов внутри себя и добавляет к ним обработчик.

А насчет слов "не в цикле, а в конце" - я разве не прав? Разве предложенный вам кусок кода не так работает?

Советую вам поумерить агрессию и согласиться с тем, что исследовать вы еще учитесь, зато копировать уже научились :) За сим откланяюсь.