Javascript 创建许多Fancybox表单 请输入数据

登录：

密码：

保留为空，以便查看调整大小

$（“#tip5”）.fancybox({ “滚动”：“否”， “标题秀”：假， “onClosed”：函数（）{ $（“#登录错误”）.hide（）； } }); $（“登录表单”）.bind（“提交”，函数（）{ if（$（“#登录名”）.val（）.length<1 | |$（“#登录名”）.val（）.length<1）{ $（“#登录错误”）.show（）； $.fancybox.resize（）； 返回false； } $.fancybox.showActivity（）； $.ajax({ 类型：“POST”， cache:false， url:“/data/login.php”， 数据：$（this）.serializeArray（）， 成功：功能（数据）{ $.fancybox（数据）； } }); 返回false； }); 我正在加载许多条目，每个条目都会有一个表单，其中包含数据库中该条目的所有适当联系信息。他们点击“联系”按钮，就会弹出一个带有表单的花式方框

---

最好的方法是什么？在确定了条目数之后，我是否应该像$（“#tip”+I）.fancybox那样为每个条目数循环javascript？

让jQuery为您循环。您希望应用花式框来指定类的任何表单，如

SetToFancyBox

然后，您只需使用类选择器进行单个jQuery调用：

<div style="display:none">
    <form id="login_form" method="post" action="">
            <p id="login_error">Please, enter data</p>
        <p>
            <label for="login_name">Login: </label>
            <input type="text" id="login_name" name="login_name" size="30" />
        </p>
        <p>
            <label for="login_pass">Password: </label>
            <input type="password" id="login_pass" name="login_pass" size="30" />
        </p>
        <p>
            <input type="submit" value="Login" />
        </p>
        <p>
            <em>Leave empty so see resizing</em>
        </p>
    </form>
</div>


<script type="text/javascript">

$("#tip5").fancybox({
    'scrolling'     : 'no',
    'titleShow'     : false,
    'onClosed'      : function() {
        $("#login_error").hide();
    }
});


$("#login_form").bind("submit", function() {

    if ($("#login_name").val().length < 1 || $("#login_pass").val().length < 1) {
        $("#login_error").show();
        $.fancybox.resize();
        return false;
    }

    $.fancybox.showActivity();

    $.ajax({
        type        : "POST",
        cache   : false,
        url     : "/data/login.php",
        data        : $(this).serializeArray(),
        success: function(data) {
            $.fancybox(data);
        }
    });

    return false;
});


</script>

好的，谢谢。美元（“#login_form”）.bind（“submit”，function（）{如果我给它一个类似.login_form的类，那么字段名将只引用当前“显示”的表单吗？

$(".SetToFancyBox").fancybox({...});