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

$(document).ready(function(){
    $("#someelem").hover(function() {
        console.log("In hover");
                tooltipTimeout = setTimeout(showTooltip, 2000);

            },
            hideTooltip);
     });

借助$(document).ready(function(){ });它进入悬停功能。它正在控制台日志中打印“悬停”。

Answer 2

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

尝试将您发布的代码块包装在一个就绪函数中

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