加载窗口上的jQuery

Question

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

这是jQuery代码：

Button

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');
});