Javascript 在Joomla中使用jQueryAjax动态创建div?

Javascript 在Joomla中使用jQueryAjax动态创建div?,javascript,jquery,ajax,joomla,Javascript,Jquery,Ajax,Joomla,我有一个div元素,包含两个字段;文本框和文本编辑器。我还有一个按钮,上面写着“添加”。我需要在单击该按钮时添加新行,即动态重复div。我如何使用jqueryajax创建它。我还必须删除onclick上的选定行 js = jQuery; js('#add').on('click',function(){ var id = js(".row-fluid:last").attr('id'); var appendDiv = js(js(".row-fluid:last")[0].ou

我有一个
div
元素,包含两个字段;文本框和文本编辑器。我还有一个按钮,上面写着“添加”。我需要在单击该按钮时添加新行,即动态重复
div
。我如何使用jqueryajax创建它。我还必须删除onclick上的选定行

js = jQuery;
js('#add').on('click',function(){
    var id = js(".row-fluid:last").attr('id');
    var appendDiv = js(js(".row-fluid:last")[0].outerHTML);
    appendDiv.attr('id', ++id).insertAfter(".row-fluid:last");
});

   js('#remove').on('click',function(){
       var id = js(".row-fluid:last").attr('id');
       if(id != 0)
           js('#'+id).remove();
       else
           alert('parent field cannot be deleted');
      });
我试过用这个。这对我有用。但是这样创建的文本编辑器是不可编辑的。所以我尝试使用jQueryAjax创建。但我不知道怎么写

这是我在jQuery中使用的工作HTML

<div>
    <a href="#" name="add_more" id="add">Add</a>&nbsp;
    <a href="#" name="remove" id="remove">Remove</a>
</div>
<div id="0" class="row-fluid">            
    <div class="span10 form-horizontal">
        <fieldset class="adminform">
            <div class="control-group">
                <div class="control-label">Days</div>
                <div class="controls"><input type="text" name="days[]"/</div>                                           
            </div>
            <div class="control-group">
                <div class="control-label">Details</div>
                <div class="controls">
                    <?php
                        $editor =& JFactory::getEditor();
                        $params = array(
                            'smilies'=> '0' ,
                            'style'  => '1' ,  
                            'layer'  => '0' , 
                            'table'  => '0' ,
                            'clear_entities'=>'0'
                        );
                        echo $editor->display( 'details[]', '', '400', '400',   '20', '20', false, $params );
                    ?>
                </div>
            </div>              
        </fieldset>
    </div>            
</div>

显示您在这个问题上付出的真正努力的代码在哪里?@aish请向我们展示您正在处理的代码,以便我们能提供更多帮助。您也可以提供html代码,以便我们可以给您提供工作结果。@aish请查看此链接感谢您的链接。我已经创建了视图页面,它加载了我创建的div。如何在单击按钮时重复创建div的过程。现在它只显示一次。