Jquery ui 框电子邮件地址,如hotmail

Jquery ui 框电子邮件地址,如hotmail,jquery-ui,email-address,Jquery Ui,Email Address,我不知道这叫什么,因此很难在网上找到这方面的参考资料。在hotmail上,当您输入电子邮件时,它会在同一行上逐个将电子邮件放入矩形块中,并提供编辑和删除电子邮件的选项。这是什么?是否有实现类似功能的示例代码/框架 谢谢。它通常是一个UL,在它里面你有LI,这些元素要么被设计成在它们周围有一个盒子(电子邮件,在你的情况下),要么是一个无边界的输入盒子,与周围相同背景的UL混合在一起。JavaScript代码根据键盘输入处理框LIs的删除和插入。我不知道它的框架支持,但它可能存在 编辑:它存在。查看

我不知道这叫什么,因此很难在网上找到这方面的参考资料。在hotmail上,当您输入电子邮件时,它会在同一行上逐个将电子邮件放入矩形块中,并提供编辑和删除电子邮件的选项。这是什么?是否有实现类似功能的示例代码/框架


谢谢。

它通常是一个
UL
,在它里面你有
LI
,这些元素要么被设计成在它们周围有一个盒子(电子邮件,在你的情况下),要么是一个无边界的
输入
盒子,与周围相同背景的
UL
混合在一起。JavaScript代码根据键盘输入处理框
LI
s的删除和插入。我不知道它的框架支持,但它可能存在


编辑:它存在。查看jQuery选项。

尝试使用Firefox+Firebug检查hotmail中的元素。它将帮助您了解自己。

我也在寻找同样的东西,并且查看了它的源代码。他们似乎使用了Amadan所说的UL,但其设置如下:

<div id="container">
    <ul id="email_list">
       <li class="email_token valid" id="a@a.com" email="a@a.com">
            <p>a@a.com</p>
            <span class="delete_link">x</span>
       </li>
       <li class="email_token valid" id="b@b.com" email="b@b.com">
            <p>b@b.com</p>
            <span class="delete_link">x</span>
       </li>
       <li class="email_input_container">
            <textarea class="email_input_field"></textarea>
       </li>
    </ul>
</div>

  • a@a.com

    x
  • b@b.com

    x

编辑:我最终实现了它,它运行得非常好

所以它不是jquery,只是为了确定吗?嗯,我将使用它,看看它是否有效,然后发回。谢谢。插件链接已关闭+1.still@ArmelLarcier:还有很多选择。。。