当有许多形式时，Fancybox脚本不起作用

Fancybox script not working when there are many forms

本文关键字：Fancybox 脚本 不起作用 多形式      更新时间：2023-09-26

我有很多表格：

<?php
    foreach ($listaMaterial as $id) {
        echo "<tr><td>" . $id[0] . "</td>
            <td>" . $id[1] . "</td>
            <td>" . $id[2] . "</td>
            <td>" . $id[3] . "</td>
            <td>" . $id[4] ." </td>
            <td><form method=post action=../popup.php class=rub id=rub>
            <input type='hidden' name='codigo' id='rub1' value=".$id[0].">
            <input type='submit' value='send' class='send'></form></td>
            </tr>
        ";
    }
?>

类似的php代码

<form method=post action=../popup.php class=rub id=rub">
<input type='hidden' name='codigo' id='rub1' value="17">
<input type='submit' value='send' class='send'></form>
<form method=post action=../popup.php class=rub id=rub>
<input type='hidden' name='codigo' id='rub1' value="18">
<input type='submit' value='send' class='send'></form>
...
...
...

点击此提交后，我希望将表单提交数据转移到Fancybox。使用此代码

<script type="text/javascript">
 $(document).ready(function(){ 
  $(".rub").submit(function() {
   $form = $(this);
$.ajax({
url: $form.attr("action"),
type: 'POST',
data: $form.serialize(),
success: function(data, textStatus, xhr) {
$(".rub").fancybox({
    width       : '600',
    height      : '450',
    openEffect  : 'none',
    closeEffect : 'elastic',
    'content': data
});
}
});
return false;
});
});
</script>

它在工作，但同一个窗口！！！！必须是不同的数据。而且使用fancyboxajax的速度也很慢！！w使用上面线程中建议的方法，代码到底是什么？

尝试像这样更改success参数

success: function(data, textStatus, xhr) {
 $.fancybox(data,{
    width       : 600,
    height      : 450,
    openEffect  : 'none',
    closeEffect : 'elastic'
 });
}

因为$(".rub").fancybox()只将（成功时）fancybox绑定到选择器.rub，但它不执行它。此外，整数值和布尔值不带引号。

相关文章：