javascript - 悬停弹出窗口在我的主代码中不起作用

Question

我正在处理鼠标悬停弹出窗口.... 当我单独执行时它工作正常.... 但是当我将它与我的整个代码结合起来时效果不佳...... 我什至包括了 jquery 库.... 如何修复它.... 在下面提供我的代码....

http://jsfiddle.net/rajkumart08/X9a6j/1/embedded/result/

<script type="text/javascript">

            var tooltipTimeout;

            $("#someelem").hover(function()
                                {tooltipTimeout = setTimeout(showTooltip, 2000);}, 
                                hideTooltip);

            function showTooltip()
                {
                var tooltip = $("<div id='tooltip' class='tooltip'>I'm the tooltip!</div>");
                tooltip.appendTo($("#someelem"));
                }

            function hideTooltip()
                {
                clearTimeout(tooltipTimeout);
                $("#tooltip").fadeOut().remove();
                }
            </script>


            <style>

                #someelem
    {
    cursor: pointer;
    }

.tooltip
    {
    display: block;
    position: absolute;
    background-color: rgb(130, 150, 200);
    padding: 5px;
    }


<span id="someelem">Hover me for 2 seconds!</span>

Answer 1

您确定 DOM 元素在 Javascript 之前加载吗？

尝试将您发布的代码块包装在一个准备好的函数中

$(function(){
    // code you posted
});