jquery - 添加和淡化元素成一个

Question

我有一个包含一些段落的 HTML 文档。我想做这个：

在鼠标悬停时，div应该向用户显示一个段落和鼠标光标的确切位置，对于下一个段落，div应该删除最后一个段落并div添加新段落。

我已经写了这段代码，但我不能fadein。我应该在哪里编写代码fadeout以及如何设置它div 显示在段落附近：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $('p').hover(function () {
                $('body').append('<div style="position:absolute left= -99px"><p>Hello world</p></div><br/><br/>').fadeIn('slow');
            });
        });
    </script>

Answer 1

您应该像这样重写它以确保您希望附加的对象是 jQuery 对象并且实际上具有该fadeIn方法并且您能够正确计算所需的位置值。

 $(document).ready(function () {
        $('p').hover(function () {
            $('body').append($('<div />')
                         .addClass('colorful')
                         .css{position : absolute, left : -99})
                         .append($('<p />').html('Hello world'))
                         .fadeIn('slow')
                    );
        });
    });

请检查括号的数量是否正确。我这里没有语法检查器。