Блог

Главная - Вопросы по программированию - Таблица Jquery не отображается

Таблица Jquery не отображается

#javascript #jquery #json #jquery-ui

#javascript #jquery #json #jquery-пользовательский интерфейс

Вопрос:

Я пытаюсь использовать код, который работает в функции onclick кнопки при нажатии на ссылку href, но он не отображается.

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

Моя скрипка

   $("#searchTable").hide();

var table = $('<table />').attr({
                  "id": "searchTableResult",
                  "width": "75%",
                  "border": "1",
                  "cellpadding": "0",
                  "cellspacing": "0"
                });

                thead = $('<thead />'),
                tbody = $('<tbody />'),
                tr = $('<tr />'),
                th = $('<th />'),
                td = $('<td />');
                a = $('<a />').attr({
                  "class": "set-url",
                  "href": "#"
                });
            thead.append( // append a new row to thead
                tr.clone()
                    .append(th.clone().text('Name')) // populate th with labels
                    .append(th.clone().text('Set'))
    );           


    });

Комментарии:

1. кажется, все работает нормально

2. Это работает при нажатии Go , приведенный выше код должен выполняться при нажатии на таблицу.

Ответ №1:

не забудьте добавить thead к таблице, а таблицу к DOM

 $('body').append(table.append(thead));

Похоже, вы создали переменную таблицы, но даже не используете ее.

Комментарии:

1. Скрипка имеет $('#search').empty().append(table.append(thead).append(tbody));

2. Но это, по-видимому, в другом обработчике событий, чем тот, с которым у него возникли проблемы.

Ответ №2:

Вы вставили таблицу внутри документа?

 $("body").append(table.append(thead));

Переменная table никогда не использовалась. 🙂