VPF::jquery + динамическая таблица - Форум программистов

alligator

Дата 6.2.2015, 11:19 (ссылка)

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

Загрузка ...

Опытный

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

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

Всем доброго времени суток.
Есть таблица которая динамически собирается через javascript и потом выводится пользователю:

Код


$("#data").html(tableHTML);

Вопрос следующий:
Конструкция ниже не отрабатывает

Код


$('a[id^="fv_"]').each(function(){
     var id = $(this).attr('id');
    alert(id);
   
});

получается что jquery не видит сгенеренного html кода?

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

Мои ресурсы:
Студенты мгапи тут!
Модные стулья здесь!
Эксклюзивные сувениры подарки.

diadiavova

Дата 6.2.2015, 11:40 (ссылка)

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

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

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

alligator, сделал точно как у тебя и все работает.

Код


<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>

<body>
    <div id="data"></div>
    <button id="btn">Показать</button>
    <script>
        var tableHTML = "<table><tr><td><a id='fv_1'>Ссылка 1</a></td><td><a id='fv_2'>Ссылка 2</a></td></tr></table>";
        $("#data").html(tableHTML);



        $("#btn").click(function ()
        {
            $('a[id^="fv_"]').each(function ()
            {
                var id = $(this).attr('id');
                alert(id);

            });
        });

    </script>
</body>
</html>

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

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

alligator

Дата 6.2.2015, 17:47 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(diadiavova @ 6.2.2015, 12:40)

alligator, сделал точно как у тебя и все работает.

Код


<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>

<body>
    <div id="data"></div>
    <button id="btn">Показать</button>
    <script>
        var tableHTML = "<table><tr><td><a id='fv_1'>Ссылка 1</a></td><td><a id='fv_2'>Ссылка 2</a></td></tr></table>";
        $("#data").html(tableHTML);



        $("#btn").click(function ()
        {
            $('a[id^="fv_"]').each(function ()
            {
                var id = $(this).attr('id');
                alert(id);

            });
        });

    </script>
</body>
</html>

Благодарю, нашел проблему самостоятельно....

Код


$(document).ready(function() {
$.getJSON(file + "?s=all&screen=" + ScreenType, function(json){
...
...
некий код
});
код не отрабатывал тут
});

переместил так:

Код


$(document).ready(function() {
$.getJSON(file + "?s=all&screen=" + ScreenType, function(json){
...
...
некий код

ПЕРЕМЕСТИЛ СЮДА

});

});

И все заработало....
вопрос, почему не работало внутри :

Код


$(document).ready(function() {
});

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

Мои ресурсы:
Студенты мгапи тут!
Модные стулья здесь!
Эксклюзивные сувениры подарки.

diadiavova

Дата 6.2.2015, 18:08 (ссылка)

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

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

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

Цитата(alligator @ 6.2.2015, 17:47

)

вопрос, почему не работало внутри :

Видимо потому что коллбэк работает асинхронно и к моменту, когда ты пытался выполнить тот код, ответ с сервера еще не пришел. А когда код был перемещен в коллбэк - этот код таки дождался ответа.

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

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

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