1

我需要一个类似于标签的系统,该系统的运行方式与 Live Mail 处理电子邮件地址的方式非常相似。

对于那些不知道的人,Live Mail 提供了一个textbox您可以在其中输入电子邮件地址的功能。当您完成输入电子邮件地址时,Live Mail 会将地址从纯文本更改为具有边框并在其中包含文本的 div。如果要删除地址,请将鼠标悬停在地址上,右侧会出现一个十字。在地址被“标记”后,您将无法更改地址。如果要更改它,则需要将其删除并重新添加。

这是我需要的功能,除了我将使用标签而不是电子邮件地址来执行此操作。

我想知道是否有人知道以这种方式工作的 jquery 组件。

干杯,安东尼

4

2 回答 2

1

我从来没有听说过这样的 JQuery 插件,但你自己完成它应该不会太难。但是,它当然需要一些关于 CSS 的知识才能获得实际外观。

// Code for replacing a textbox with a DIV on blur.
$('#textbox').blur(function () {
  var content = $(this).val();
  if (!content) return; // Don't make anything out of empty textboxes.
  // Create a DIV and make it a sibling to the textbox.
  $('<div>').html(content).appendTo($(this).parent());
  // Remove the textbox.
  $(this).remove();
});

顺便说一句,我还没有测试过这些,但这应该会让你走上正轨。

于 2009-04-17T00:08:05.683 回答
1

jquery facebook 自动完成(通过Ajaxian

有一本书是关于Jquery 1.6 UI的,它有一个自动完成的电子邮件,以及最后一个自动完成的例子(书源代码)。

于 2009-04-17T00:15:22.263 回答