JavaScript在Firefox上运行不正常

时间:2014-11-18 12:46:00

标签: javascript firefox

我最近创建了这个网站:http://www.clinivitae.com(我是巴西人,所以它是葡萄牙语,但我不认为这会是一个问题),我的问题是在firefox中“Especialidades “部分工作不正常,滑动标签只是在点击时一个接一个地打开,但他们假设在另一个选择之前关闭它。

当我在安全模式下操作firefox时它运行得很好,我的javacript代码有问题,或者这个问题有解决方法吗?

'因为我的客户担心的是,即使问题消失了重置firefox,访问该网站的其他人可能仍会遇到问题,我们不能指望他们知道他们必须重置firefox。

非常感谢任何帮助!

这是“Especialidades”部分的脚本代码:

var $j = jQuery.noConflict();
var x = 0;
var y = 0;
var z = 0;
var k = 0;
$j(window).load(function (){
 $j(document).ready(function (){
  $j('#espnut').css('color', '#5F2D14');
  $j('#abanut').toggleClass('aba-clicked');
  $j('#nutrologia').toggleClass('especialidade-clicked');
  $j('#extent1').toggleClass('extent-clicked');
  $j('#morenut').toggleClass('contmore-clicked');
  $j('#dsombra1').toggleClass('dsombra-clicked');
  setTimeout(function () {
  $j('#espnut').css('display','none');
  }, 1000);
  x = 1;
  $j('#abanut').on('click', function () {
   $j(".aba").css("pointer-events", "none");
   $j(".aba-clicked").css("pointer-events", "none");
   if(x === 0){
    $j('#espnut').css('color', '#5F2D14');
    setTimeout(function () {
     $j('#abanut').toggleClass('aba-clicked');
     $j('#nutrologia').toggleClass('especialidade-clicked');
     $j('#extent1').toggleClass('extent-clicked');
     $j('#morenut').toggleClass('contmore-clicked');
     $j('#dsombra1').toggleClass('dsombra-clicked');
     $j('#espnut').css('display','none');
    }, 500);
    x = 1;
   }
    else{
     $j('#abanut').toggleClass('aba-clicked');
     $j('#nutrologia').toggleClass('especialidade-clicked');
     $j('#extent1').toggleClass('extent-clicked');
     $j('#morenut').toggleClass('contmore-clicked');
     $j('#dsombra1').toggleClass('dsombra-clicked');
     $j('#espnut').css('display','block');
     setTimeout(function () {
      $j('#espnut').css('color','#ffffff');
      x = 0;
     }, 1000);
    }
    if(y === 1){
     $j('#abaob').toggleClass('aba-clicked');
     $j('#obesidade').toggleClass('especialidade-clicked');
     $j('#extent2').toggleClass('extent-clicked');
     $j('#moreob').toggleClass('contmore-clicked');
     $j('#espob').css('display','block');
     setTimeout(function () {
      $j('#espob').css('color','#ffffff');
      y = 0; 
     }, 1000);
    }
    if(z === 1){
     $j('#abadia').toggleClass('aba-clicked');
     $j('#diabetes').toggleClass('especialidade-clicked');
     $j('#extent3').toggleClass('extent-clicked2');
     $j('#moredia').toggleClass('contmore-clicked');
     $j('#espdia').css('display','block');
     setTimeout(function () {
      $j('#espdia').css('color','#ffffff');
      z = 0; 
     }, 1000);
    }
    if(k === 1){
     $j('#abasup').toggleClass('aba-clicked');
     $j('#vemMonxtro').toggleClass('especialidade-clicked');
     $j('#extent4').toggleClass('extent-clicked2');
     $j('#moresup').toggleClass('contmore-clicked');
     $j('#espsup').css('display','block');
     setTimeout(function () {
      $j('#espsup').css('color','#ffffff');
      k = 0;
     }, 1000);
    }
    setTimeout(function () {
    $j(".aba").css("pointer-events", "auto");
    $j(".aba-clicked").css("pointer-events", "auto");
    }, 1500);
    return false;
   });
   $j('#abaob').on('click', function () {
    $j(".aba").css("pointer-events", "none");
    $j(".aba-clicked").css("pointer-events", "none");
    if(y === 0){
     $j('#espob').css('color','#C6262C');
     setTimeout(function () {
      $j('#abaob').toggleClass('aba-clicked');
      $j('#obesidade').toggleClass('especialidade-clicked');
      $j('#extent2').toggleClass('extent-clicked');
      $j('#moreob').toggleClass('contmore-clicked');
      $j('#espob').css('display','none');
     }, 500);
     y = 1;
    }
    else{
     $j('#abaob').toggleClass('aba-clicked');
     $j('#obesidade').toggleClass('especialidade-clicked');
     $j('#extent2').toggleClass('extent-clicked');
     $j('#moreob').toggleClass('contmore-clicked');
     $j('#espob').css('display','block');
     setTimeout(function () {
      $j('#espob').css('color','#ffffff');
      y = 0; 
     }, 1000);
    }
    if(x===1){
     $j('#abanut').toggleClass('aba-clicked');
     $j('#nutrologia').toggleClass('especialidade-clicked');
     $j('#extent1').toggleClass('extent-clicked');
     $j('#morenut').toggleClass('contmore-clicked');
     $j('#espnut').css('display','block');
     setTimeout(function () {
      $j('#espnut').css('color','#ffffff');
      x = 0;
     }, 1000);
    }
    if(z === 1){
     $j('#abadia').toggleClass('aba-clicked');
     $j('#diabetes').toggleClass('especialidade-clicked');
     $j('#extent3').toggleClass('extent-clicked2');
     $j('#moredia').toggleClass('contmore-clicked');
     $j('#espdia').css('display','block');
     setTimeout(function () {
      $j('#espdia').css('color','#ffffff');
      z = 0; 
     }, 1000);
    }
    if(k === 1){
     $j('#abasup').toggleClass('aba-clicked');
     $j('#vemMonxtro').toggleClass('especialidade-clicked');
     $j('#extent4').toggleClass('extent-clicked2');
     $j('#moresup').toggleClass('contmore-clicked');
     $j('#espsup').css('display','block');
     setTimeout(function () {
      $j('#espsup').css('color','#ffffff');
      k = 0; 
     }, 1000);
    }
    setTimeout(function () {
    $j(".aba").css("pointer-events", "auto");
    $j(".aba-clicked").css("pointer-events", "auto");
    }, 1500);
    return false;
   });
   $j('#abadia').on('click', function () {
    $j(".aba").css("pointer-events", "none");
    $j(".aba-clicked").css("pointer-events", "none");
    if(z === 0){
     $j('#espdia').css('color','#F15A29');
     setTimeout(function () {
      $j('#abadia').toggleClass('aba-clicked');
      $j('#diabetes').toggleClass('especialidade-clicked');
      $j('#extent3').toggleClass('extent-clicked2');
      $j('#moredia').toggleClass('contmore-clicked');
      $j('#espdia').css('display','none');
     }, 500);
     z = 1;
    }
    else{
     $j('#abadia').toggleClass('aba-clicked');
     $j('#diabetes').toggleClass('especialidade-clicked');
     $j('#extent3').toggleClass('extent-clicked2');
     $j('#moredia').toggleClass('contmore-clicked');
     $j('#espdia').css('display','block');
     setTimeout(function () {
      $j('#espdia').css('color','#ffffff');
      z = 0; 
     }, 1000);
    }
    if(x === 1){
     $j('#abanut').toggleClass('aba-clicked');
     $j('#nutrologia').toggleClass('especialidade-clicked');
     $j('#extent1').toggleClass('extent-clicked');
     $j('#morenut').toggleClass('contmore-clicked');
     $j('#espnut').css('display','block');
     setTimeout(function () {
      $j('#espnut').css('color','#ffffff');
      x = 0;
     }, 1000);
    }
    if(y === 1){
     $j('#abaob').toggleClass('aba-clicked');
     $j('#obesidade').toggleClass('especialidade-clicked');
     $j('#extent2').toggleClass('extent-clicked');
     $j('#moreob').toggleClass('contmore-clicked');
     $j('#espob').css('display','block');
     setTimeout(function () {
      $j('#espob').css('color','#ffffff');
      y = 0; 
     }, 1000);
    }
    if(k === 1){
     $j('#abasup').toggleClass('aba-clicked');
     $j('#vemMonxtro').toggleClass('especialidade-clicked');
     $j('#extent4').toggleClass('extent-clicked2');
     $j('#moresup').toggleClass('contmore-clicked');
     $j('#espsup').css('display','block');
     setTimeout(function () {
      $j('#espsup').css('color','#ffffff');
      k = 0;
     }, 1000);
    }
    setTimeout(function () {
    $j(".aba").css("pointer-events", "auto");
    $j(".aba-clicked").css("pointer-events", "auto");
    }, 1500);
    return false;
   });
   $j('#abasup').on('click', function () {
    $j(".aba").css("pointer-events", "none");
    $j(".aba-clicked").css("pointer-events", "none");
    if(k === 0){
     $j('#espsup').css('color','#F7931E');
     setTimeout(function () {
      $j('#abasup').toggleClass('aba-clicked');
      $j('#vemMonxtro').toggleClass('especialidade-clicked');
      $j('#extent4').toggleClass('extent-clicked2');
      $j('#moresup').toggleClass('contmore-clicked');
      $j('#espsup').css('display','none');
     }, 500);
     k = 1;
    }
    else{
     $j('#abasup').toggleClass('aba-clicked');
     $j('#vemMonxtro').toggleClass('especialidade-clicked');
     $j('#extent4').toggleClass('extent-clicked2');
     $j('#moresup').toggleClass('contmore-clicked');
     $j('#espsup').css('display','block');
     setTimeout(function () {
      $j('#espsup').css('color','#ffffff');
      k = 0;
     }, 1000);
    }
    if(x === 1){
     $j('#abanut').toggleClass('aba-clicked');
     $j('#nutrologia').toggleClass('especialidade-clicked');
     $j('#extent1').toggleClass('extent-clicked');
     $j('#morenut').toggleClass('contmore-clicked');
     $j('#espnut').css('display','block');
     setTimeout(function () {
      $j('#espnut').css('color','#ffffff');
      x = 0;
     }, 1000);
    }
    if(y === 1){
     $j('#abaob').toggleClass('aba-clicked');
     $j('#obesidade').toggleClass('especialidade-clicked');
     $j('#extent2').toggleClass('extent-clicked');
     $j('#moreob').toggleClass('contmore-clicked');
     $j('#espob').css('display','block');
     setTimeout(function () {
      $j('#espob').css('color','#ffffff');
      y = 0; 
     }, 1000);
    }
    if(z === 1){
     $j('#abadia').toggleClass('aba-clicked');
     $j('#diabetes').toggleClass('especialidade-clicked');
     $j('#extent3').toggleClass('extent-clicked2');
     $j('#moredia').toggleClass('contmore-clicked');
     $j('#espdia').css('display','block');
     setTimeout(function () {
      $j('#espdia').css('color','#ffffff');
      z = 0; 
     }, 1000);
    }
    setTimeout(function () {
    $j(".aba").css("pointer-events", "auto");
    $j(".aba-clicked").css("pointer-events", "auto");
    }, 1500);
    return false;
   });
 } );
 });

0 个答案:

没有答案