使用 JQuery/socket.io 控制何时调用 ARI 函数

Question

所以我目前有两个函数，当我添加对桥的调用时，其中的两个函数会自动调用，所以我尝试使用 JQuery，所以它们只有在单击按钮时才会被调用，然后我可以在服务器端工作。

同时使用 ARI 客户端和 socket.io 可能会出现问题，我不太确定是否仍在学习。

目前的问题是抛出一个错误，说 $ 没有定义。

JQuery 确实有效我正在调用另一个文件，它是所有 JQuery 并处理我的 socket.io 客户端。

    $("#mute").click(function () {
        alert("Handler for .click() called.");

        channel.mute({
            channelId : 111
        },
            function (err) {});
    });

    $("#kick").click(function () {
        alert("Handler for .click() called.");

        channel.hangup({
            channelId : 111
        },

function (err) {});
    });

任何人都有使用这两种方法的经验，甚至对我如何做到这一点有任何建议。

完整的代码清单；

var ari = require('ari-client');
var util = require('util');
var chanArr = [];
var test;
var mute;
var express = require('express'),
app = express(),
server = require('http').createServer(app),
io = require('socket.io').listen(server);

//ARI client
ari.connect('http://localhost:8088', 'asterisk', 'asterisk', clientLoaded);

function clientLoaded(err, client) {
    if (err) {
        throw err;
    }
    // find or create a holding bridges
    var bridge = null;
    client.bridges.list(function (err, bridges) {
        if (err) {
            throw err;
        }

        bridge = bridges.filter(function (candidate) {
                return candidate.bridge_type === 'mixing';
            })[0];

        if (bridge) {
            console.log(util.format('Using bridge %s', bridge.id));
        } else {
            client.bridges.create({
                type : 'mixing'
            }, function (err, newBridge) {
                if (err) {
                    throw err;
                }

                bridge = newBridge;
                console.log(util.format('Created bridge %s', bridge.id));
            });
        }
    });

    // handler for StasisStart event
    function stasisStart(event, channel) {
        console.log(util.format(
                'Channel %s just entered our application, adding it to bridge %s',
                channel.name,
                bridge.id));

        channel.answer(function (err) {
            if (err) {
                throw err;
            }

            bridge.addChannel({
                channel : channel.id
            }, function (err) {
                var id = chanArr.push(channel.name)
                    console.log("Value: " + test);
                test = channel.name;
                updateSip);

                if (err) {
                    throw err;
                }

                //If else statement to start music for first user entering channel, music will stop once more than 1 enters the channel.
                if (chanArr.length <= 1) {
                    bridge.startMoh(function (err) {
                        if (err) {
                            throw err;
                        }
                    });
                } else if (chanArr.length === 2) {
                    bridge.stopMoh(function (err) {
                        if (err) {
                            throw err;
                        }
                    });
                } else {}

            });

        });
        $("#mute").click(function () {
        alert("Handler for .click() called.");

        channel.mute({
            channelId : 111
        },
            function (err) {});
    });

    $("#kick").click(function () {
        alert("Handler for .click() called.");

        channel.hangup({
            channelId : 111
        },
    }

    // handler for StasisEnd event
    function stasisEnd(event, channel) {
        console.log(util.format(
                'Channel %s just left our application', channel.name));
        console.log(channel.name);

        var index = chanArr.indexOf(channel.name);
        chanArr.splice(index, 1);
        updateSip();
    }
    client.on('StasisStart', stasisStart);
    client.on('StasisEnd', stasisEnd);
    client.start('bridge-hold');
}

//Socket.io logic here
server.listen(3009, function () {
    console.log('listening on *:3009');
});

app.use(express.static(__dirname + '/public'));
app.get('/', function (req, res) {
    res.sendfile(__dirname + "/testPage.html");
});

io.sockets.on('connection', function (data) {
    updateSip();
});

io.sockets.on('muting', function (data) {
    mute = data;
    console.log("client side:" + mute);
});

function updateSip() {
    console.log("Value: " + test);
    io.sockets.emit('sip', chanArr);
}

Answer 1

说 $ 未定义的错误将是 jQuery 不可用。如果我们可以在页面上看到更多代码结构，那么为什么它不可用会更清楚。