小编Joe*_*its的帖子

我想用HTML/CSS和一些javascript制作一个下拉菜单.我坚持使用li元素的宽度.它必须具有内部宽度而不是静态宽度.

问题是当我用鼠标悬停在li元素上时(为了显示下拉菜单),它正在改变他的宽度.

我创建了一个jsfiddle文件,你可以在这里找到.

CSS:

  #nav{
        background-color: #1da8d8;
        width: 100%;
        max-width: 960px;
        margin: 0;
        padding: 0;
        float: left;
    }

    #nav li a i {
        text-align: right;
    }

    #nav ul {
        padding: 0;
        margin:0;
        list-style: none;
        width:12em;
        z-index:99;
        position:relative;
        overflow:visible;
    }

    #nav li {
        background-color: #1b9cc9;
        position: relative;
        line-height: 39px;
        height: 40px;
        width: auto;
        margin: 0 5px 0 0;
        float:left;
        display:block;
    }
    #nav ul li{
        background-color:#1b9cc9;
        top: 20px;
        width: 12em;
        float: left;
    }

    #nav a {
        color: #ffffff;
        text-decoration:none; …

我正在开发一个测验应用程序.我有一个让我忙碌4小时的小虫.我想在我的应用程序中使用socketIO.玩家可以将他们的答案发布到测验大师.测验大师可以在他的个人页面上查看它们.问题是,当我作为播放器提交答案时,测验主控方的socket.on()会触发两次.

从数据库中获取答案然后从socket中获取答案(我认为这就是问题所在):

 $http.get('/api/antwoorden/' + $scope.linkHash)
                        .success(function (data) {
                            $scope.answers = data.doc.ingezonden;
                            console.log("****GEZONDEN VAN DATABASE****", $scope.answers)
                            var i = 0;
                            socketIO.on('answerSend', function (object) {
                                i = i + 1;
                                console.log(i);
                                if(object.uitvoering === $scope.myCode) {
                                    $scope.answers.push(object.answer);
                                    console.log("***", object);
                                }
                                console.log("*****NU IS DIE DIT*****", $scope.answers);
                            });
                        });

控制台输出