0

我有一个表格

<form action="getData.php" method="POST" id="myForm">
<input type="input" size="20" name="myName" />
<input type="submit" value="Login" id="submit" />
</form>

将数据传递给fancybox

<script type="text/javascript">
$(document).ready(function() {

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

    $.ajax({
        type        : "POST",
        width: "500",
        height: "500",
        cache       : false,
        url         : "getData.php",
        data        : $(this).serializeArray(),
        success: function(data) {
            $.fancybox(data);
        }
    });

    return false;
});


});
</script>

但是我似乎无法设置fancybox的大小或类型?

4

2 回答 2

2

布尔值和整数值应设置为不带引号。

因此,为了将 fancybox 设置typeiframe您的特定尺寸(500x500px 框),请调整您的脚本,例如:

$("#myForm").bind("submit", function() {
 $.ajax({
  type: "POST",
  cache: false,
  url: "getData.php",
  data: $(this).serializeArray(),
  success: function(data) {
   $.fancybox(data,{
    'width': 500,
    'height': 500,
    'type': 'iframe',
    'autoScale': false
   }); // fancybox
  } // success
 }); // ajax
 return false;
}); // bind

由于width,heighttype是您的 fancybox 设置,它们应该放在 fancybox 函数中,而不是ajax函数中。

另请注意,我们设置autoScalefalse确保您将获得您width/height选择的尺寸。

于 2012-04-18T17:52:29.687 回答
0

尝试这个:

    $.fancybox.resize();
于 2012-04-18T17:20:26.580 回答