对通过 Ajax 加载的内容应用 jquery 函数

Question

我通过 Jquery (ajax) 加载面板 (html)，在面板中有一个带有复选框的登录表单。一旦用户单击复选框（记住我），我想在 cookie 中设置用户名。它不工作。有解决办法吗？

$('#cookie').bind('change', function() {
       $.cookie("log_user", $("#log_user").val(), {expires: 14});
       $.cookie("log_pass", $("#log_pass").val(), {expires: 14});
});

  $("#gate").click(function () {
    var panel = $("#panel");
    if (!panel.data("loaded")) {
        $("#panel").load("/v3/ajax/panel.php");
        panel.data("loaded", true);

        var log_user = $.cookie('log_user');
        var log_pass = $.cookie('log_pass');
        // autofill the fields
        $('#log_user').attr("value", log_user);
        $('#log_pass').attr("value", log_pass);

    }
    panel.slideToggle("slow");
});




<form action="/members/login.php" method="post">
<label for="log_user">Username</label><input id="log_user" type="text" name="user" value="" maxlength="50"  /><br />
<label for="log_pass">Password  </label><input id="log_pass" type="password" name="pass" value=""  maxlength="50"  /><br />
<input id="cookie" type="checkbox" name="cookie" value="do" style="border: 0px;" /><label for="cookie"><small>Remember me</small></label><br />

<a title="Join Sionvalais" href="/members/register.php">register</a><br />
<input type="submit" name="submit" value="Login"  />
</form>

Answer 1

我相信这是因为您使用的是 change() 事件而不是 live() - 因为，假设 #cookie 仅在您的 Ajax 事件之后被调用到页面中，它在初始渲染时不存在，它不能在 jquery API 中绑定更改事件 - checkout live()

http://api.jquery.com/live/

更新

按照您的 cmets，我在 JSFiddle 中整理了以下模型，这似乎可行。

http://jsfiddle.net/beardtwizzle/52JQX/2/

我在测试期间遇到的唯一错误与 $.cookie 有关 - 您需要为此添加一个插件 (http://plugins.jquery.com/files/jquery.cookie.js.txt)

更新 2

问题似乎肯定出在 cookie 设置上 - 尝试将 alert('hello world'); 放在 cookie 代码的位置，您应该会看到它到达了那里 - 假设您正在使用 live('change',function ()... 而不是绑定。

但是，这不是你真正的问题 - 你真正的问题是这种“记住我”的方法在很多层面上都是不安全的。

1. 您正试图以纯文本形式存储糟糕的访问者密码 - 这很糟糕
2. 当您在用户的计算机上看到 cookie 时，您只需将其中的任何内容写入您的字段的值属性即可。通过这样做，您假设用户拥有来自您网站的真正 cookie - 并且没有注入一些他们自己的恶意代码，请参阅 (http://en.wikipedia.org/wiki/Cross-site_scripting)李>

根据上述情况我的回答

我的建议是完全删除此代码，然后离开并阅读网络安全，然后重新解决它。如果您继续执行此操作，您将伤害无辜的用户（并严重损害您的声誉）。