Php 无法在jquery中附加HTML代码

我无法使用jQuery附加HTML代码。 这是我的HTML代码：

<div class="am-right-section">
    <div class="right-quote-section">
    <img class="customer-profile-img" src="http://45.56.70.30/mijpaal_am/pub/media/images/avtaaar.png" width="100px" height="100px"><div class="centered">
    <div id="loading" style="display:none">
    <img src="http://45.56.70.30/mijpaal_am/pub/media/am-loader/loader.gif">
    </div>
    </div>
<form class="form customerdetail" action="http://45.56.70.30/mijpaal_am/accountmanager/accountmanager/amsave" id="customerdetail" method="post" data-hasrequired="* Required Fields" novalidate="novalidate">
    <fieldset class="fieldset">

                <div class="control">
                    <input name="customer_land" id="customer_land" class="customer_land required-entry1" aria-required="true" type="text">
                </div>

                <button type="submit" title="Submit" class="action submit primary">
                    <span>Generate Request</span>
                </button>

    </form>
    </div>
    </div>
        <div class="tab-content">
            <div class="tab-pane active" id="contact_01">kndsa jkasf kajf kndsa jkasf kajf  kndsa jkasf kajf  kndsa jkasf kajf  kndsa jkasf kajf  kndsa jkasf kajf  </div>

        </div>

生成请求
kndsa jkasf kajf kndsa jkasf kajf kndsa jkasf kajf kndsa jkasf kajf kndsa jkasf kajf kndsa jkasf kajf kndsa jkasf kajf

这是我的jQuery：

<script>
 jQuery('.add-contact').click(function(e) {
        e.preventDefault();
        var id = jQuery(".nav-tabs").children().length; //think about it ;)
        jQuery(this).closest('li').before('<li><a href="#contact_'+id+'">New Tab</a><span>x</span></li>');         
        jQuery('.tab-content').append('<div class="tab-pane" id="contact_'+id+'"><?php echo $template;?></div>');
});
</script>

jQuery（'.add contact'）。单击（函数（e）{
e、 预防默认值（）；
var id=jQuery（“.nav tabs”）.children（）.length；//想想看；）
jQuery（this）.最近（'li'）。在（'li>x'）之前；
jQuery（'.tab content'）.append（''）；
});

我已经成功地在$template变量中设置了HTML。但是append不起作用。我的HTML不会追加到选项卡内容类中

---

请解决我的问题。提前谢谢

使用以下方法进行测试。它起作用了。$template的内容一定有问题

<?php
        $template =<<<JS
        <div class="quote-status"> <input name="quote-status-value" value="0" checked="" type="radio"> Get Email and set value<br> <input name="quote-status-value" value="1" type="radio"> Set value<br> </div>
JS;
        ?>      
        <script>
 jQuery(document).ready(function(){
    jQuery('.add-contact').click(function(e) {
        e.preventDefault();
        var id = jQuery(".nav-tabs").children().length; //think about it ;)
        jQuery(this).closest('li').before('<li><a href="#contact_'+id+'">New Tab</a><span>x</span></li>');   
        jQuery('.tab-content').append('<div class="tab-pane" id="contact_'+id+'"><?php echo $template;?></div>');
  });
});

</script>

jQuery（文档）.ready（函数（）{
jQuery（'.add contact'）。单击（函数（e）{
e、 预防默认值（）；
var id=jQuery（“.nav tabs”）.children（）.length；//想想看；）
jQuery（this）.最近（'li'）。在（'li>x'）之前；
jQuery（'.tab content'）.append（''）；
});
});

我认为，jQuery代码在页面加载之前运行。试试这个：

jQuery(document).ready(function(){
    jQuery('.add-contact').click(function(e) {
        e.preventDefault();
        var id = jQuery(".nav-tabs").children().length;
        jQuery(this).closest('li').before('<li><a href="#contact_'+id+'">New Tab</a><span>x</span></li>');         
        jQuery('.tab-content').append('<div class="tab-pane" id="contact_'+id+'"><?php echo $template;?></div>');
    });
});

jQuery（文档）.ready（函数（）{
jQuery（'.add contact'）。单击（函数（e）{
e、 预防默认值（）；
var id=jQuery（“.nav tabs”）.children（）.length；
jQuery（this）.最近（'li'）。在（'li>x'）之前；
jQuery（'.tab content'）.append（''）；
});
});

不存在类为“tab content”的元素。我没有发布整个HTML。但是tab content类是存在的。@SunnyRahevar首先尝试附加不带$template的简单标记。要排除由$templateshow导致的任何问题，

$template

id或$template的输出是问题所在。console.log两者都可以我把php变量放在Yes和you can之间。确保最后一个JS；没有缩进。你能给我发个例子吗？如何将变量置于两者之间？只是一个简单的$variable。如果是数组，则执行{$variable[0]}或{$variable['key']}