Question

我有一个div元素，包含两个字段;文本框和文本编辑器。我还有一个按钮，上面写着＆＃34; Add＆＃34;。单击时，我需要该按钮添加新行，即动态重复div。我怎样才能使用jQuery AJAX创建它。我还必须在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');
      });

我试过用这个。这适合我。但是这样创建的文本编辑器是不可编辑的。所以我试图使用jQuery AJAX创建。但我不知道如何写它。

这是我使用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>

动态创建一个div在Joomla中使用jQuery AJAX？

0 个答案: