старые браузеры не узнают `in javascript

Question

Я строю калькулятор с ползунком диапазона фундамента. Он отлично работает в Safari 9, последнем Chrome и Firefox для Mac и Windows, Edge 14. Но он не работает в Safari 8 или IE 11. В Safari 8 я вижу ошибку SyntaxError: Недопустимый символ: '` Javascript код выглядит следующим образом:

Foundation.Move(moveTime, $hndl, function() { 
    //adjusting the left/top property of the handle, based on the percentage calculated above 
    $hndl.css(lOrT, `${movement}%`); 

    if (!_this.options.doubleSided) { 
    //if single-handled, a simple method to expand the fill bar 
    _this.$fill.css(hOrW, `${pctOfBar * 100}%`); 
    } else { 
    //otherwise, use the css object we created above 
    _this.$fill.css(css); 
    } 
}); 

Если изменить `к», он не работает в любом браузере. У кого-нибудь есть идея? Благодаря!

Answer 1

Если вам нужно поддерживать старые браузеры, ваш единственный реальный выбор - не использовать шаблонные литералы. Это относительно новая функция JavaScript, поэтому старые браузеры не понимают, как ее интерпретировать.

Здесь ссылка на документацию, которая показывает, что это поддержка:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Вы всегда можете, чтобы вернуться в "старинке":

это

`${movement}%` 

становится следующим:

movement + "%"