Javascript 有许多表单时Fancybox脚本不起作用

我有很多表格：

<?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>
        ";
    }
?>

---

试着像这样更改
success
参数

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

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

<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>

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