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

您需要clone元素，然后将新元素附加到文档：

.myimg {
    position: absolute;
}

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

Example fiddle

请注意，我已将id更改为class，因为您现在将在页面中拥有此元素的多个副本。

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});
  })
})

点击位置上的jQuery显示标记

2 个答案: