javascript - 从 onClick 调用函数时找不到变量

Question

我正在尝试使用 onClick 命令调用一个函数，但我在 Safari 控制台中收到错误“无法找到变量”并且没有采取任何操作。我看不到任何错误，但我一定是遗漏了导致失败的原因。

链接

<a href="JavaScript:void(0);" onclick="controlWallMonitor('layout','Playback');">Show playback layout</a>

Javascript

<script type="text/javascript">
$(document).ready(function() {
    function controlWallMonitor(variable, option) {
        var WallMonitor = "10.0.50.163:9000";
        $.ajax({
            url: 'changelayout.php?target=' + WallMonitor + '&variable=' + variable + '&option=' + option,
        });
        return false;
    };
});

我敢肯定它最终会变得非常明显，但我已经用谷歌搜索和尝试了大约 2 个小时，但我终究还是看不出问题所在。

干杯。

Answer 1

从函数周围移除 $(document).ready 调用，您所要做的就是将其放在 jQuery 脚本包含之后。

编辑:此外，不使用 onclick，而是使用 jQuery 事件处理程序:

HTML:

<a href="JavaScript:void(0);" class="playback">Show playback layout</a>

JS:

$(document).ready(function(){
    $("a.playback").click(function(){ controlWallMonitor('layout', 'Playback'); });
});