jQuery花哨 - 彈出窗口不完全展開

我正在使用jQuery Fancybox在網站上顯示一些Flash視頻，並且我無法在Firefox中首次單擊時打開窗口。它在其他瀏覽器中工作正常。jQuery花哨 - 彈出窗口不完全展開

這裏是jQuery的：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a.videoLink").fancybox({ 
      'titleShow' : false, 
      'autoscale' : true, 
      'width' : '820', 
      'height' : '620', 
      'transitionIn' : 'elastic', 
      'transitionOut' : 'elastic' 
      }); 
     }); 
    </script>

下面是HTML：

<tr> 
<td class="title"><a class="videoLink" href="#video-content30">CPR Lesson 1 Movie</a></td> 
<td class="time">38:39</td> 
<td class="video" style="display:none"> 
    <div id="video-content30"> 

      <script type='text/javascript'> 
      var flashvars = { 
      file: 'http://www.stockmarketcpr.com/smsys/link/CPR-Lesson-1-Movie.flv', 
      id: '30' 
      }; 
      var params = { 
      wmode: 'opaque', 
      bgcolor: '#CCCCCC', 
      allowfullscreen: 'true', 
      allowscriptaccess: 'always' 
      }; 
      swfobject.embedSWF('http://www.stockmarketcpr.com/_flash/player.swf', 'player30','800','600', '9.0.0','expressInstall.swf', flashvars, params); 

      </script> 

      <div id="player30"></div> 
    </div>  
</td> 
</tr>

我結束了在第一次點擊獲得四分之一英寸高，全寬的窗口。第二次點擊很好。

我希望有任何幫助。

謝謝！

來源

2010-06-15 fmz

我在fancybox幫助論壇上找到了一些新的代碼。

對於在線內容，代碼需要是這樣的：

<a class="videoLink" href="http://www.myurl.com/_flash/player.swf?file=http://www.myurl.com/mydirectory/myMovie.flv">CPR Lesson 1 Movie</a>

一旦我把到位，它的工作就像一個魅力。

來源

2010-06-23 10:28:26 fmz

如果使用指向內聯內容的fancybox，請確保您的CSS #video-content30的樣式與尺寸通緝

來源

2010-06-15 19:33:46 Agos

感謝您的反饋意見。如果我有多個條目，例如＃video-content30，＃video-content31等，它們是動態生成的，我將如何設計它？ – fmz 2010-06-15 19:41:04

我不知道這是否仍然適用，但我知道在幾個星期前我下載並安裝Fancybox，並注意到彈性轉換錯誤。

事實證明，示例站點上使用的Fancybox源代碼和提供下載的源代碼略有不同。我複製了網站上使用的源代碼，並將其替換爲我的，並且它工作正常。

無論如何值得一試。最近我發生了一些jQuery插件 - 看起來開發人員並沒有保持同步。

來源

2010-06-15 19:38:58 derrickp

我下載了1.3.1，現在情況更糟。讓人驚訝。 – fmz 2010-06-15 19:51:15

當，如果你有一個活的例子，我很樂意看看。 – derrickp 2010-06-16 08:11:25

jQuery花哨 - 彈出窗口不完全展開

回答

相關問題