0

私はマウスホバーポップアップに取り組んでいます....個別に実行するとうまくいきます....しかし、コード全体と組み合わせるとうまくいきません.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>
4

2 に答える 2

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

            },
            hideTooltip);
     });

$(document).ready(function(){ });それはホバー機能に入ります。コンソールログに「ホバー中」と出力されます。

于 2013-03-12T09:17:47.130 に答える
0

Javascript の前に DOM 要素がロードされていることは確かですか?

投稿したコード ブロックを ready 関数でラップしてみてください

$(function(){
    // code you posted
});
于 2013-03-12T00:00:06.823 に答える