Colorbox以错误的尺寸打开，然后缩小到正确的尺寸

我有一个网页，其中有几个打开Colorboxes的链接。除了一个以外，所有链接都能正常工作。问题链接在大多数方面都可以正常工作，但是当打开colorbox时，它会比参数中指定的大，然后缩小到正确的大小。Colorbox以错误的尺寸打开，然后缩小到正确的尺寸

我在网上发现了一个类似的问题（无法回想，如果它是在Stackoverflow），通过确保在脚本之前加载的colorbox css文件解决了这个问题。我做到了，但没有任何区别。

在页面上的各种颜色框中，这是唯一包含表单或做任何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\.\+][email protected][\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

来源

2012-01-15 anaximander

有趣的问题，和伟大的示例代码，顺便说一句。假设你已经尝试了initialHeight和initialWidth参数？另外，如果你使用ID绑定，为什么还要使用REL属性？ – 2012-01-15 18:08:18

非常感谢，凯文！我没有尝试initialHeight和initialWidth参数。我发现，如果将这些与innerHeight和innerWidth（而不是常规的高度和宽度参数）结合使用，则颜色框会以正确的大小显示并保持原样。再次，非常感谢帮助我克服这个令人沮丧的问题。 – anaximander 2012-01-15 19:13:43

显然，答案是在此用例中使用initialHeght和initialWidth属性与innerHeight和innerWidth结合使用。

来源

2012-01-15 20:49:13

Colorbox以错误的尺寸打开，然后缩小到正确的尺寸

回答

相关问题