未捕获的SyntaxError：意外的标记=

Question

我使用滑块在的Joomla滚动图像，但我的JS在火狐狸工作正常，但它显示未捕获

语法错误：

Unexpected token = error in chrome

我的代码是：

var $j = jQuery.noConflict(); 
$j(document).ready(function() { 
function animateThumbs(direction, $item, val, opacity) { 
     var ani = { 
      opacity: opacity 
     }; 
     ani[ getMarginProperty() ] = val; 

     if (direction == 'next') { 
      var x1 = '.t1', 
       x2 = '.t2, .t4', 
       x3 = '.t3, .t5, .t7', 
       x4 = '.t6, .t8', 
       x5 = '.t9'; 
     } else { 
      var x1 = '.t9', 
       x2 = '.t6, .t8', 
       x3 = '.t3, .t5, .t7', 
       x4 = '.t2, .t4', 
       x5 = '.t1'; 
     } 

     $j(x1, $item).delay(_duration * 0 ).animate(ani, _duration); 
     $j(x2, $item).delay(_duration * 0.25).animate(ani, _duration); 
     $j(x3, $item).delay(_duration * 0.5 ).animate(ani, _duration); 
     $j(x4, $item).delay(_duration * 0.75).animate(ani, _duration); 
     $j(x5, $item).delay(_duration * 1 ).animate(ani, _duration); 
    } 
    function getMarginProperty() { 
     return (_orientation == 'horizontal') ? 'marginLeft' : 'marginTop'; 
    } 
    function getMargin(direction) { 
     var margin = ($window[ (_orientation == 'horizontal') ? 'width' : 'height' ]()/2) + 210 
     if (direction == 'next') 
     { 
      margin = -margin; 
     } 
     return margin; 
    } 

    var $window = $j(window), 
     $inner = $j('#inner'), 
     $carousel = $j('#carousel'); 

    var _orientation = 'horizontal', 
     _duration = 500, 
     _animating = false; 

    $inner.show(); 
    $carousel.carouFredSel({ 
     width: '100%', 
     height: '100%', 
     circular: false, 
     infinite: false, 
     direction: 'right', 
     items: 1, 
     auto: false, 
     scroll: { 
      fx: 'none', 
      timeoutDuration: 500, 
      conditions: function(direction) { 

       _animating = true; 

       if ($carousel.hasClass('prepared')) 
       { 
        $carousel.removeClass('prepared'); 
        return true; 
       } 

       $carousel.addClass('prepared'); 

       animateThumbs(direction, $carousel.children().first(), getMargin(direction), 0); 

       setTimeout(
        function() { 
         $carousel.trigger(direction); 
        }, _duration + 300 
       ); 

       return false; 
      }, 
      onBefore: function(data) { 
       var direction = data.scroll.direction; 

       var css = { 
        opacity: 0 
       }; 
       css[ getMarginProperty() ] = -getMargin(direction); 

       $j('img', data.items.visible).css(css); 
       animateThumbs(direction, data.items.visible, 0, 1); 
      }, 
      onAfter: function(data) { 
       data.items.old.children().css({ 
        'marginLeft': 0, 
        'marginTop': 0 
       }); 

       setTimeout(
        function() { 
         _animating = false; 
        }, _duration + 800 
       ); 
      } 
     } 
    }); 

    $carousel.trigger("currentPosition", function(pos=<?php echo 1;?>) { 
     console.log(pos); 
     var posi = pos; 
    }); 

    $j('#left').click(function() { 
     if (_animating) { 
      return false; 
     } 

     var direction = this.id, 
      scroll = 'prev', 
      newOrientation = (direction == 'up' || direction == 'down') ? 'vertical' : 'horizontal'; 

     if (_orientation != newOrientation) { 
      _orientation = newOrientation; 
      $inner.toggleClass('horizontal').toggleClass('vertical'); 
      $carousel.trigger('configuration', [ 'direction', direction ]); 
     } 

     $carousel.trigger("currentPosition", function(pos=2) { 
      //console.log(pos); 

      if(pos > 0 && pos <= 1) 
      { 
       $carousel.trigger(scroll); 
      } 
     }); 

     return false; 
    }); 

    $j('#right').click(function() { 
      if (_animating) { 
       return false; 
      } 

      var direction = this.id, 
       scroll = 'next', 
       newOrientation = (direction == 'up' || direction == 'down') ? 'vertical' : 'horizontal'; 

      if (_orientation != newOrientation) { 
       _orientation = newOrientation; 
       $inner.toggleClass('horizontal').toggleClass('vertical'); 
       $carousel.trigger('configuration', [ 'direction', direction ]); 
      } 

      $carousel.trigger("currentPosition", function(pos) { 
       //console.log(pos); 

       if(pos < <?php echo $poscount-1; ?>) 
       { 
        $carousel.trigger(scroll); 
       } 
      }); 

      return false; 
     }); 


    $j('a[href=#]').click(function(){ 
     return false; 
    }); 
}); 

任何人都可以告诉我最新出了什么问题吗？

感谢

Answer 1

我建议你使用JavaScript掉毛工具，如JSHint或JSLint。

主要问题似乎是，您正在使用default parameters^MDN，这是一个未得到广泛支持的ECMAScript 6（草案）功能。

Answer 2

您没有为你的错误提供了行号，但看到你的代码，我认为错误是在下面的行：$carousel.trigger("currentPosition", function(pos=<?php echo 1;?>) {

的JavaScript不允许默认参数那样的，而不是你应该做的：

$carousel.trigger("currentPosition", function(pos) { 
    pos = typeof pos !== 'undefined' ? pos : <?php echo 1;?>; 
    console.log(pos); 
    var posi = pos; 
}); 

为了在javascript中指定默认的函数参数。

编辑：同样的问题是以下行：$carousel.trigger("currentPosition", function(pos=2) {