加载窗口上的jQuery

Question

我有一个javascript代码，javascript代码用于制作字体和颜色预览。因此，您可以选择字体（例如Arial）和颜色（例如红色），代码将使用您选择的内容更改输入框。这个选择被自动保存并发送到购物车，在购物车中我有一个按钮来编辑您的更改，当我按下该编辑按钮时，我的问题出现在这里，而我回到了我的选择中，我看不到预览。例如，当我按下编辑按钮后，字体必须是Arial，并且颜色必须是红色。我认为jquery在我返回时不会执行。无论如何要解决这个问题吗？

这是jQuery代码：

jQuery(document).ready(function() { 
    jQuery(".product-options dd .font select").change(function() { 
    var str = jQuery(this).find("option:selected").text(); 
    jQuery(".product-options dd input.input-text").css("font-family", str); 
    }); 
    jQuery(".product-options dd .color select").change(function() { 
    var str = jQuery(this).find("option:selected").text(); 
    jQuery(".product-options dd input.input-text").css("color", str); 
    }); 
}); 

Answer 1

所以，你想打电话页面加载相同的代码。在这种情况下，triggerHandler（）是你的朋友。见下：

jQuery(document).ready(function() { 
    jQuery(".product-options dd .font select").change(function() { 
    var str = jQuery(this).find("option:selected").text(); 
    jQuery(".product-options dd input.input-text").css("font-family", str); 
    }); 
    jQuery(".product-options dd .color select").change(function() { 
    var str = jQuery(this).find("option:selected").text(); 
    jQuery(".product-options dd input.input-text").css("color", str); 
    }); 

    // add these two lines: 
    jQuery(".product-options dd .font select").triggerHandler('change'); 
    jQuery(".product-options dd .color select").triggerHandler('change'); 
});