从javascript

Question

我正在尝试制作警告，当我调用它时，它在某些元素上的位置，所以这是我的代码：

function special_alert(msg, target_element_id){

  var element = $(target_element_id).position();
  console.log(element)
  var html = '<div class="special-alert warning" style="position: absolute;top: '+element.top +';left:'+ element.left+ '">'
            + '<span class="special-alert-closebtn">&times;</span>'
            + '<strong>Warning!</strong>'+ msg
            +'</div>';

  $('body').append(html)

}
$(()=>{
  special_alert('hello', '#author')
})

浏览器不接受顶部和左侧属性： The Inspector

似乎没有什么是错的，即使是职位属性也在起作用。

请帮忙。

Answer 1

 var html = '<div class="special-alert warning" style="position: absolute;top: '+element.top +'px;left:'+ element.left+ 'px;">'
            + '<span class="special-alert-closebtn">&times;</span>'
            + '<strong>Warning!</strong>'+ msg
            +'</div>';