Question

我有一个我目前正在处理的代码，我正在使用Firebug来识别控制台错误以及如何显示HTML，我正在使用Notepad ++编写代码。我的项目是动画一些眼睛，基本上让他们的瞳孔跟随光标。在我的HTML代码中，我定义了div和类，并使用Jquery绘制了面部，眼睛和瞳孔。可悲的是，我的右瞳孔没有显示在屏幕上，当我用左眼附近的萤火虫抬起HTML代码时，有一个展开按钮，当点击时会显示与左眼div相关的div：左瞳孔。在右眼上，没有展开按钮，我没有任何差异。在我的源代码中，定义了正确的瞳孔div：

    <div id="todo">
    <div id="leftEye" class="Eye">
                <div id="leftPupile" class= "pupile">
            </div>
        </div>  
    <div id="rightEye" class="eye">
            <div id="rightPupile" class = "pupile">
             </div>
               </div>  
    </div>

在Jquery中，我有以下代码：

                $("#todo").css("width","280px");
                $("#todo").css("height","150px");
                $("#todo").css("text-align","center");
                $(".eye").css("width","100px");
                $(".eye").css("height","50px");
                $(".eye").css("background-color","#DDF");
                $(".eye").css("border","1px solid blue");
                $(".eye").css("text-align","center");
                $(".eye").css("position","relative");
                $("#leftEye").css("float","left");
                $("#leftEye").css("margin","0")
                $("#rightEye").css("float","right");
                $("#rightEye").css("margin","0")
                $(".pupile").css("background-color","#000");
                $(".pupile").css("width","20px");
                $(".pupile").css("height","20px");
                $(".pupile").css("border-radius","10px");
                $(".pupile").css("position","absolute");
                $("#leftPupil").css("bottom","10px");
                $("#leftPupil").css("right","10px");
                  var pupileRight = $("<div></div>");
                pupileRight.css("background-color", "#000");
                pupileRight.css("width", "20px");
                pupileRight.css("height", "20px");
                pupileRight.css("border-radius", "10px");
                pupileRight.css("position", "absolute");
                pupileRight.css("bottom", "10px");
                pupileRight.css("right", "10px");

你会注意到我试图用Jquery创建div并调用一个变量pupilRight，我给了所有attributs类“.pupil”应该有的。我尝试过，因为我尝试使用Jquery正常绘制它并没有出现在屏幕上。我不明白为什么萤火虫告诉我在我的右眼下没有div，因为它显示在leftEye下面。如果我尝试在firebug中编辑HTML并添加dif，瞳孔会出现，但由于它是萤火虫，我刷新页面时就会消失。我尝试使用同步firebug更改的其他插件，但这也不起作用。有没有人知道这是什么问题？

为什么我的div没有显示在HTML浏览器表格中？

0 个答案: