2013-07-22 68 views
0

[SOLUTION DISCOVERED。看下面]jqbanner.js - Jquery Banner在Firefox中不起作用

我想獲得一個jQuery的旗幟在Firefox工作,但我目前卡住了 - 它的工作在IE8和Chrome,但沒有在Firefox的一些奇怪的原因?

Here's the homepage where the banner is located

而且this is the banner it's using

下面你可以看到,應該創建轉換或點擊通過在淡入淡出效果JS的塊。如果您想分析與此頁面相關的任何其他代碼以找到解決方案,請告知我們。

我已經閱讀了jQuery和不透明度過渡問題在線的幾件事情,但沒有任何運氣 - 也許你們可以通過一個小費?

* PS - 橫幅出現在頁面上,但看起來它可能與某些東西相沖突以破壞轉換。

var jqb_eff = 1; 

//Variables 
var jqb_vCurrent = 0; 
var jqb_vTotal = 0; 
var jqb_vSpeed = 800; 
var jqb_vDuration = 6000; 
var jqb_intInterval = 0; 
var jqb_vGo = 1; 
var jqb_vBusy = false; 
var jqb_vIsPause = true; 
var jqb_tmp = 20; 
var jqb_title; 
var jqb_imgW = 1150; 
var jqb_imgH = 445; 

jQuery(document).ready(function() { 
jqb_vTotal = $(".jqb_slides").children().size() -1; 
$(".jqb_info").text($(".jqb_slide").attr("title")); 
jqb_intInterval = setInterval(jqb_fnLoop, jqb_vDuration); 

if(jqb_eff == 1)//Fade In & Fade Out 
{ 
    $("#jqb_object").find(".jqb_slide").each(function(i) { 
     if(i == 0){ 
      $(this).animate({ opacity: 'show'}, jqb_vSpeed, function() { jqb_vBusy = false; }); 
     } else { 
      $(this).animate({ opacity: 'hide'}, jqb_vSpeed, function() { jqb_vBusy = false; }); 
     } 
    }); 
} 

[解決方法]

否認援助的參與,我已經找到了解決方案,並希望以維持日誌爲他人在遇到相同的問題的情況下分享。

  • 發現了問題 - 自從我使用Joomla CMS,有 插件,它允許mootools的並肩作戰。關閉此 插件後,jquery橫幅正常工作100% - 很可能是Firefox不喜歡的腳本中的衝突。
+1

請將您的解決方案放在下面的答案字段中或關閉您的問題。 – isherwood

回答

0

發現了這個問題 - 因爲我使用Joomla CMS,所以有一個插件可以讓mootools一起使用。停用此插件後,jquery橫幅適用於100% - 很可能是Firefox不喜歡的腳本中的衝突。