加载窗口上的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');
});