古いブラウザでは `javascriptで認識されません

Question

私は財団の範囲スライダ付きの電卓を構築しています。それはSafari 9、MacとWindows、Edge 14の最新のChromeとFirefoxでうまくいきますが、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 + "%"