javascript - jQuery在点击位置显示标记

Question

我想在点击位置的特定 div 上显示标记。我做了这个

jQuery(document).ready(function(){
  $("#test").click(function(e){         
         $("#myimg").offset({left:e.pageX,top:e.pageY});
         })
})

JsFiddle：http: //jsfiddle.net/szCAL/

问题在于我想显示标记的每次点击（通过保留旧标记），每次下一次点击最后一个标记隐藏我想在每个点击位置显示。

干杯! 阿杰

Answer 1

You need to clone the element, then append the new one to the document:

.myimg {
    position: absolute;
}

$("#test").click(function (e) {
    $(".myimg").first().clone().offset({
        left: e.pageX,
        top: e.pageY
    }).appendTo('body');
});

Example fiddle

Note that I changed the id to a class as you will now have multiple copies of this element in the page.

Answer 2

jQuery(document).ready(function(){
  $("#test").click(function(e){         
         $("body").append("<img class='myimg' width='10' src='http://www.nystce.nesinc.com/images/tests_circle.gif' height='10' />");
      $('.myimg').last().offset({left:e.pageX,top:e.pageY});
  })
})