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 回答