Question

如何将jQuery UI Portlet添加到现有的Portlet集？

（检查：http://jqueryui.com/demos/sortable/portlets.html）

如何在加载后添加portlet？

在我的个人项目中，我实现了portlet：http://www.soliman.nl/test/jqueryui/ui_2.php 我想按一个按钮来附加一个portlet。我尝试将它附加到.column，但是CSS（当然）没有加载，当你.addClass时，所有其他的portlet也会受到影响。必须有一个简单的方法......但是如何？

Answer 1

目前，你正在做

$(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
.find(".portlet-header")
.addClass("ui-widget-header ui-corner-all")
.prepend('<span class="ui-icon ui-icon-minusthick"></span>')
.end()
.find(".portlet-content");

如果你摆脱$(".portlet")并继续使用你在<替换之前 之前的$(".addspace")怎么办？

$('.addspace').replaceWith(html) .addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all") .find(".portlet-header") .addClass("ui-widget-header ui-corner-all") .prepend('<span class="ui-icon ui-icon-minusthick"></span>') .end() .find(".portlet-content");

Answer 2

创建几个portlet后，添加带有类addspace的最后一个div。

然后用.replaceWith和.addClass创建一个函数。

$('.addspace').replaceWith(html);

返回HTML的示例：

<div class="portlet" id="portletname"> <!-- make sure portletname is unique -->
<div class="portlet-header">test</div>
<div class="portlet-content">test</div>
</div>

<!-- New addspace (replaceWith replaces the old one)  -->
<div class="addspace" >
</div

通过id：

将portlet类添加到div

$('#portletname')
      .addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
      .find(".portlet-header")
      .addClass("ui-widget-header ui-corner-all")
      .prepend('<span class="ui-icon ui-icon-minusthick"></span>')
      .end()
      .find(".portlet-content");

jQuery如何添加portlet

2 个答案: