2015-02-25 2 views
2

Я создал тём и попытался включить tr и td, прочитав их из статического html, щелкнув ссылку «показать больше». Я включаю в себя статический html и все данные в нем. Td's и tr добавляют к телу, но просто простой текст, все в одном столбце, а не как строку таблицы. Любая помощь приветствуется.Не удалось добавить данные в tbody

Спасибо заранее ... !!

Вот код -

<tbody id="load-container" data-message-showmore="Show More" data-module="lazyLoad" data-method="click" data-json-url="json/loadmoreSearch.php?preview=live"> 
</tbody> 

<div id="load-container" class="laoder-message"> 
    <a href="#" class="show-more-results">Show More<span class="caret"></span></a> 
</div> 

[loadmoresearch.php включает статический HTML]

статический HTML содержит что-то вроде этого:

<tr role="row" class="even"> 
    <td>Filling Date 2</td> 
    <td>Form 2</td> 
    <td>Description 2</td> 
    <td>Filling Groups 2</td> 
    <td> 
     data 2 
    </td> 
</tr> 
+0

div и tbody не должны иметь одинаковый идентификатор: load-container – krachleur

ответ

1

что-то вроде этого:

$(".show-more-results").click(function(){ 
    $("tbody#load-container").append($(".even")); 
}); 

Я настоятельно рекомендую ограничить идентификатор только одним элементом (т. давая div и tbody разные идентификаторы).

Редактировать

Если вы используете скрипт перед HTML (например, в <head> теге или что-то) это сделать:

$(function(){ 
    $(".show-more-results").click(function(){ 
     $("tbody#load-container").append($(".even")); 
    }); 
}); 
+0

Я добавил код, как показано ниже. Функции нажмите, кажется, не работает .. Первое предупреждение всплывает, но второй оленья кожа: \t <тип скрипта = «текст/JavaScript»> \t \t \t \t \t оповещения («1»); \t \t \t \t \t \t \t \t \t $ ("шоу-более-результаты.") Нажмите (функция() { \t \t \t \t \t оповещения ('ОК');. \t \t \t \t \t \t \t \t \t \t $ ("# load-container"). Append ($ (". Even")) \t \t \t \t}); \t \t \t \t – user3013986

+0

Вы используете скрипт перед html? Если так, см. Редактирование, которое я только что сделал. Если нет, не могли бы вы опубликовать код с включенным JavaScript и любыми консольными ошибками, которые вы получаете? – winhowes

+0

Теперь я дал изменить имя div как id = "invor-container". Я пытаюсь запустить скрипт там сам, а сразу после таблицы и выше контейнер-инвестор div #.вы предложили бы запустить скрипт в – user3013986

0

Попробуйте

$('a.show-more-results').click(function(){ 
    var html=$('.even').clone(); 
    $('#load-container').append(html); 
}); 
+0

Не могли бы вы [редактировать] в объяснении, почему этот код отвечает на вопрос? Ответы только на код [обескуражены] (http://meta.stackexchange.com/questions/148272), потому что они не учат решению. – Scimonster

0

Использование это

$("a.show-more-results").click(function(){ 
    $("tbody#load-container").append($(".even")); 
}); 
+0

Не могли бы вы пояснить, почему этот код отвечает на вопрос? Ответы только на код [обескуражены] (http://meta.stackexchange.com/questions/148272), потому что они не учат решению. – Scimonster

Смежные вопросы