Стиль кнопки jquery не работает внутри таблицы HTML

0

У меня есть страница, где я пытаюсь извлечь данные с помощью ajax и динамически добавлять ее в таблицу html. Все работает отлично, но для одного из столбцов, где я пытаюсь создать ссылку как кнопку jquery. Я использую тот же класс css для кнопки в приложении, и он отлично работает во всех других местах. Как раз в динамически добавленной строке ссылка отображается как простая ссылка вместо того, чтобы получать sytled как кнопку jquery.

  • 0
    Вот скрипка о том, что я пытаюсь сделать: jsfiddle.net/bobm76/FwyR2
  • 0
    В вашем JSFiddle кнопка «Нажмите меня» с классом «jqbutton» предназначена для меня на всех динамически добавляемых строках. Я в Chrome 32
Показать ещё 1 комментарий
Теги:

2 ответа

1
Лучший ответ

Вы должны поместить это

 $(".jqbutton").button();

в функцию обработчика событий кликов.

$("#test").click(function(){
    console.log("button clicked");
    $('<tr>').append(
        $('<td>').text('Test data x'),
        $('<td>').text('Test data y'),
        $('<td>').text('Test data z'),           
        $('<td>').html('<a href="#" class="jqbutton">Click me</a>')
    ).appendTo('#testtable');
    $(".jqbutton").button();
});
Поделиться
  • 0
    Большое спасибо. Ваше решение сработало отлично.
1

использовать метод.button() внутри клика

$(function(){
    $(".jqbutton").button();

    $("#test").click(function(){
        console.log("button clicked");
        $('<tr>').append(
            $('<td>').text('Test data x'),
            $('<td>').text('Test data y'),
            $('<td>').text('Test data z'),           
            $('<td>').html('<a id="test" class="jqbutton">Click me</a>')
        ).appendTo('#testtable');
        $(".jqbutton").button();

    });
});

Ссылка на демо

Поделиться
  • 0
    Большое спасибо. Ваше решение сработало отлично.
  • 0
    Пожалуйста, большие пальцы, если это решило вашу проблему

Ещё вопросы

Сообщество Overcoder
Наверх
Меню