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>
<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的过程。现在它只显示一次。