Jquery - 追加并删除

时间:2015-09-24 16:36:31

标签: javascript jquery html

不重复。我已经尝试了建议的帖子,它仍然无法正常工作。

我有一个页面,允许我从div中列出的可用用户列表中选择一些用户

<div id='external-events'>
      <h4>Available users</h4>
      <div id="emyevent">
          <div class='fc-event'>Roddy</div>
          <div class='fc-event'>Robert</div>
          <div class='fc-event'>Bob</div>
          <div class='fc-event'>John</div>
    </div>
</div>

当用户点击div元素中的某个用户时,它会作为选定用户移动到另一个部分,并将其从可用用户列表中删除

<div id='internal-events'>
    <h4>Selected</h4>
    <div id="imyevent">
    </div>
</div>

我使用以下代码执行此操作

$("#external-events .fc-event").click(function(){
    var title = $(this).text();
    $("#imyevent").append("<div class='fc-event' style='margin: 10px 0;cursor: pointer;'>"+title+"</div>");
    $(this).remove();
});

我现在遇到的问题是,如果此人犯了错误,他/她点击了所选用户,并且所选用户将返回到可用的用户部分。我认为这就像使用这个

一样简单
$("#internal-events .fc-event").click(function(){
    var title = $(this).text();
    $("#emyevent").append("<div class='fc_event' style='margin: 10px 0;cursor: pointer;'>"+title+"</div>");
    $(this).remove();
});

但我显然做错了,因为它不起作用。请有人帮忙。

谢谢, 罗迪

0 个答案:

没有答案