对齐两个元素

Question

我在插件上有以下内容：

$(this).mouseenter(function (e) {
  var this = $(this);
  var text = "<div class="Text">" + options.Text + "</div>"
  $("body").append(text);
})

如何将“text”与“this”对齐，然后将其添加到以下位置的body中： TopCenter，BottomCenter，RightMiddle或LeftMiddle。

谢谢！

Answer 1

$(this).on('mouseenter', function() {
    var $this = $(this),
        text  = $('<div />', {'class': 'text',
                              text   : options.Text,
                              style  : 'position   : relative;  
                                        margin     : 0 auto; 
                                        text-align : center;'
                             }
                 );
    $("body").append(text);
}):

Answer 2

1. 您不应该使用“this”作为本地参数，因为这是一个保留的javascript字。

2. 您可以在div中添加样式以对齐文本。

   var $this = $(this); 
   $this.mouseenter(function (e) {
      var text = "<div class='Text' style='text-align:left'>" + options.Text + "</div>"
      $("body").append(text);
   });