Javascript 选择文本更改器有故障

Question

我正在为电子商务网站创建一个雕刻工具，我似乎不明白为什么文本更改器出现故障。它似乎有效，但后来似乎被挂断了。不确定它是什么。

这是我的 JavaScript 代码:

        /**Load Text**/
jQuery(function() {
    $source=jQuery(".source-text");
    $output=jQuery(".output-text-div");
    $source.keyup(function() {
       $output.text($source.val());
    });
});

//Text Loader FOnt Change
    var $textpreview = jQuery(".output-text-div");

jQuery('.font-selection').change(function() {
    var val = jQuery(this).val();

    if (val == 'Arial_0')
        $textpreview.addClass('arial');
    else if(val == 'Mango Smoothie_1')
        $textpreview.addClass('mango');
    else if(val == 'Bombshell_2')
        $textpreview.addClass('bombshell');
    else if(val == 'Monogram_3')
        $textpreview.addClass('monogram');
    else if(val == 'Cursive_4')
        $textpreview.addClass('cursive');
    else if(val == 'Noteworthy_5')
        $textpreview.addClass('noteworthy');
    else if(val == 'Sign Painter_6')
        $textpreview.addClass('signpainter');
    else if(val == 'Typewriter_7')
        $textpreview.addClass('typewriter');
    else
        $textpreview.removeClass('no-font');
});     

这里还有一个我正在使用它的示例产品:http://dts.wahhadesign.com/product/custom-handwriting-bar-necklace-with-the-writing-or-art-of-your-little-one-or-loved-one/

任何帮助将不胜感激。谢谢。

Answer 1

确保在 if/else 之前删除不再需要的字体类。