Question

我有一个简单的设置，我有一些可拖动的div，我想使用sockets.io来更新客户端之间的位置。

在我的客户端（index.html）上我有：

    // find the elements
    var elements = document.getElementsByClassName('ball'),
        labelsX = document.getElementsByClassName('coords-x'),
        labelsY = document.getElementsByClassName('coords-y');

    // loop over the 3 items...
    for (var n = elements.length; n--;) {

        // ... augment our default options with individual `onDrag` handlers
        var opts = {
            onDrag: onDragFactory(n),
            setCursor: true
        };

        // ... and initialize drag for each
        window.d = new Draggable(elements[n], opts);
        console.log('ddd');
    }

    // bind `n` to its value at iteration time
    function onDragFactory (n) {

        return function (element, x, y) {

            //This doesnt seem to work
            console.log(elements[n].style.top);     
            socket.emit('positionx', elements[n].style.top);        


            socket.on('positionx', function(positionx){
              elements[n].style.top= positionx.value();
            });


        }

    }

我的服务器是：

    var express = require('express');
    var path = require('path');
    var app = express();
    var http = require('http').Server(app);
    var io = require('socket.io')(http);

    var publicPath = path.resolve(__dirname, 'public');

    app.use(express.static(publicPath));

    app.get('/', function(req, res){
      res.sendFile(__dirname + '/index.html');
    });



    //Server Side Listen for an event from the client
    io.on('connection', function(socket){

       socket.on('positionx', function(positionx){
           console.log('recieving');
           console.log(positionx);             

        io.emit('positionx', positionx);
      });  

    });

    http.listen(3000, function(){
      console.log('listening on *:3000');
    });

然而，服务器似乎没有收到任何信息。有什么我做错了吗？任何帮助将不胜感激！

Answer 1

在您的客户端中，您需要定义套接字。

var socket = io();

另外，在javaScript中调用socket.io之前，请确保包含socket.io-x.x.x.js。你可能已经这样做了，但如果没有看到更多的代码，它就不清楚了。

socket.io没有收到/发送

1 个答案: