カラーボックスが間違ったサイズで開き、その後、私はColorboxesを開くいくつかのリンクを持つWebページを持っているサイズ

Question

を修正するために縮小します。すべてのリンクが正しく動作します。問題のリンクはほとんどの点で問題なく動作しますが、カラーボックスが開くと、パラメータで指定されたサイズよりも大きくなり、正しいサイズに縮小されます。

私はカラーボックスのCSSファイルは、スクリプトの前にロードされたことを確認することで解決されたウェブ（それはStackOverflowの上にあった場合は思い出すことができない）に同様の問題を発見しました。私はこれをしましたが、違いはありませんでした。ページ上のさまざまなcolorboxesの

、これはフォームが含まれているか、いずれかのAJAXのものを行うだけです。これはおそらく関連性がありませんが、このカラーボックスと他のカラーボックスとの間では、うまく動作することがわかります。

リンクのためのコードは次のとおり<a href="notifyList.cgi?bibId={$bibId}" rel="notifyMe" id="notifyFormLink">Notify Me</a>

jQueryのコードを以下に貼り付けられています。どんな助けでも大歓迎です。

    $(function(){ 
         $('#notifyFormLink').colorbox({ 
           width:300, 
           height:270, 
           opacity:0, 
           transition:"none", 
           scrolling:false, 
           onComplete: function() { 
            notifySubmit(); 
           }}); // end colorbox 
        }); // end anon function       

        function notifySubmit() { 
         // $.colorbox.resize(); 
         $('#emailNotify').focus(); 
         $("#notifyForm").submit(function(){ 
          var input = $('#emailNotify').val(); 
          if (input.match(/^[\w\d\.\+]+@[\w\d\.\+]+$/)) { 
           $.get(
            $(this).attr('action'), 
            $(this).serialize(), 
            function(data){ 
             $().colorbox({ 
              html: data, 
              width:300, 
              height:270, 
              opacity:0, 
              transition:"none", 
              scrolling:false, 
              onComplete: function() { 
               notifySubmit(); 
               }}); 
              } // end data 
             ); // end get 
             return false; 
          } else { 
           $('#validationResponse').html('<span style="font-size:12px">Bad e-mail: please try again.</span>'); 
           return false;  
          } 
         }); // end submit 
        } // end notifySubmit 

Answer 1

どうやら、答えはこのユースケースではinnerHeightとはinnerWidthと一緒にinitialHieghtとinitialWidthプロパティを使用することでした。ところで