jquery Portlet 的滑动“编辑框”

Question

我在我的 Web 应用程序中使用 jquery portlet。 http://jqueryui.com/demos/sortable/#portlets

一旦用户单击每个 Portlet-Header 上的“设置”图标，我想要做的是在 Portlet 标题和 Portlet 内容之间出现一个编辑框。 我可以通过为每个单独的 Portlet 设置单独的编辑框来实现这一点。 但是我的问题是，当我有一个在我网页上的所有 Portlet 之间共享的通用“编辑框”时，我该如何实现这一点。 用户单击该特定 portlet 的“设置”图标后，如何使此编辑框出现在“标题和内容”部分之间？

Answer 1

您实际上可以动态创建一个编辑框，我的意思是当您单击设置按钮时。 现在，在您编辑文本框并应用设置后，您可以简单地从那里删除编辑框。

$(".settings").click(function() {
$("<input/>").attr("class", "editbox")
  .attr("value", "")
  .appendTo($("yourPortletSelector"));

});

$(".applySettings").click(function {
    //do all your work
    $(".editbox").remove();
});