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'); });
});