0

私はフォームを持っています

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

ファンシーボックスにデータを渡す

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

しかし、ファンシーボックスのサイズやタイプを設定できないようですか?

4

2 に答える 2

2

ブール値と整数値は引用符なしで設定する必要があります。

したがって、特定のサイズ（500x500pxボックス）と同じようにfancyboxを設定するには、次typeのiframeようにスクリプトを微調整します。

$("#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

、およびはfancyboxの設定であるためwidth、ajax関数ではなく、fancybox関数内に配置する必要があります。heighttype

また、オプションと同じサイズになるように設定autoScaleしていることにも注意してください。falsewidth/height

于 2012-04-18T17:52:29.687 に答える
0

これを試して：

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