Question

更新：在帮助下，我能够追踪到这个问题。这是if（！actions）对函数引用做了些什么。一旦我删除'！'，它就有效了。这是我的一个错误，因为我想检查它是否首先有一个参考。我的新问题是做了什么！运算符对导致它计算为true的函数执行操作，然后更改导致函数失败的引用（在这种情况下，未检测到调试器中的错误）？

原始我创建了一个javascript函数，它封装了一些变量并在单击JQuery UI对话框按钮时执行回调。这是函数的javascript：

function LoginControl(parentDiv, usernameInput, passwordInput, action)
{
    var that = this;
    var container = parentDiv;
    var user = usernameInput;
    var password = passwordInput;
    var actions = action;

    that.init = function()
    {
        container.dialog(
            {
                modal:true,
                show:false,
                buttons: {"Login":Login, Cancel:Close }
            }
        );
    };

    var Login = function (evt) {
        if (!actions)
            actions();
    };

    var Close = function()
    {
        container.dialog("close");
        if(!actions)
            actions();
    };

    that.show = function(evt)
    {
        container.dialog("open");
    };
}

问题出在Login / Close函数中，它执行actions函数。当它执行时，调试器给我这个警告“忽略具有[LenientThis]的get或set属性，因为”this“对象不正确。”该功能未执行。这是HTML（我省略了外部jquery源文件，但我使用的是JQuery 2.0.3和JQuery UI 1.1.3。我无法解决这个问题并且一直受到它的困扰。我尝试过使用“call”，“绑定“，并”应用“方法无济于事。请帮助和建议。谢谢！

<html>
<head lang="en">
    <script type="text/javascript">
        function onAction()
        {
            alert("Hello!");
        }

        $(document).ready(function() {
            var loginCtrl = new LoginControl($("#login"), $("#username"), $("#pass"), onAction);

            loginCtrl.init();
            loginCtrl.show();
        });
    </script>
</head>
<body>
<div id="login">
    <form>
        <label for="username">User Name:</label> <input type="text" id="username" /><br>
        <label for="pass">Password:</label><input type="password" id="pass" />
    </form>
</div>
</body>
</html>

Answer 1

您需要将Login和Close更改为that.Login =和that.Close =。它们当前是函数内部的变量，对外部不可见。同时将buttons: {"Login":Login, Cancel:Close }更改为buttons: {"Login":that.Login, Cancel:that.Close }

JS对象内部的回调不适用于JQuery事件

1 个答案: