JQuery 追加不起作用？

Question

我有一个用 Smarty 编译的 PHP 模板。在此代码中，我嵌入了 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> 

A webservice es call using ajax+json... 我想将我收到的一些数据放入 tbody LBBody 中，但是当我尝试使用 jquery 的附加时，什么也没有附加。

它是这样完成的：

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

我是否错误地使用了追加？

谢谢并致以诚挚的问候。

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

您是否尝试过检查 DOM 以查看元素是否被附加？我有一种感觉，也许 style 参数中的 height 属性正在将新元素设置为以 0 高度显示。

要解决这个问题，您应该告知相应的值加上统一：

style="height:22px;"

Answer 4

PHP 和 Javascript（或 JQuery）不能一起工作。如果您尝试一起使用它们，整个 Javascript 将停止运行。因此，避免这种情况的最佳方法是在使用 PHP 后使用 JQuery。完成 PHP 代码后，以“?>”结束它标签，然后使用 JQuery，而不使用 PHP 的 echo 或 print 语句。

这是错误的代码，javascript 无法在此工作：

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

这是正确的实现：

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

希望这会有所帮助！