Приложение JQuery не работает?

Question

У меня есть шаблон PHP, скомпилированный с Smarty.В этом коде я встроил разделы div, подобные этому:

 <div>
 <div id="services" style="margin-top: 5px; width: 100%; display:none;">
 <div id='blocking' style="float: left; width: 100%;">
    <div id="div1" ...>
    </div>

    <div id="div2" style="float: left; height:100px; width: 100%; margin-top: 4px; margin-bottom:4px;">
    <table id="list" width="100%">
    <thead>
    <tr> 
      <th width="30%" class="tablaIzq">Lists</th> 
      <th width="70%" class="tablaIzq">Description</th> 
    </tr>
    </thead>
    <tbody id="LBBody">                 
    </tbody>
    </table>
    </div>
</div>
</div>
</div> 

Веб-сервис, называемый с использованием ajax + json ... и я хотел бы поместить некоторые данные, которые я получаю, в tbody LBBodyно когда я пытаюсь использовать jquery's append, ничего не добавляется.

Это делается так:

$("#LBBody").append('<tr><td class="tablaIzq" style="font-weight: normal; height: 22;" colspan="3">Hi</td></tr>')

Использую ли я append неправильно?

Спасибо и наилучшими пожеланиями.

Answer 1

Попробуйте добавить код добавления в $(document).ready() блок, как это

$(document).ready(function() {
    $("#LBBody").append('<tr><td class="tablaIzq" style="font-weight: normal; height: 22;" colspan="3">Hi</td></tr>');
});

Answer 2

Убедитесь, что вы добавили свой код добавления ПОСЛЕ ваших фактических элементов. Иначе это не сработает

Answer 3

PHP и Javascript (или JQuery) не работают вместе.Если вы попытаетесь использовать их вместе, весь Javascript перестанет работать.Итак, лучший способ избежать этого - использовать JQuery ПОСЛЕ использования PHP.После того, как вы закончили свой PHP-код, завершите его тегом «?>» И затем используйте JQuery без использования PHP-оператора echo или print.

Это неправильный код, и JavaScript не будет работать в этом:

<?php
echo '<script type="javascript/text">...</script>';
?>

Это правильная реализация:

<?php
echo '...';
?>
<script type="javasrcipt/text">...</script>

Надеюсь, это поможет!

Answer 4

Вы пытались проверить DOM, чтобы увидеть, добавляются ли элементы или нет?У меня есть ощущение, что, возможно, свойство height внутри вашего параметра style устанавливает новые элементы для отображения с высотой 0.

Чтобы исправить это, вы должны сообщить соответствующее значение плюс единицу:

style="height:22px;"