页面加载时触发Javascript文本和Pic预览

我有一个文本预览功能，当用户输入时，它会用样式化的CSS显示用户输入的标题。当用户保存页面、关闭应用程序并稍后尝试编辑其文本时，其保存的文本不会显示在页面加载中

  $(function() {
$(".pf_text_in").keyup(function() {
    var pf_text_in = $(this).val();
    $(".text_preview").html(pf_text_in);
    return false;
});
});

    $(function() {
$(".pf_text_in2").keyup(function() {
    var pf_text_in = $(this).val();
    $(".text_preview2").html(pf_text_in);
    return false;
});
});

只有当用户按键时，他们保存的文本才会显示在屏幕上

默认文本：此处显示您的标题

用户保存：我的水培农场。

10分钟后，用户重新加载页面，看到：

默认文本：此处显示您的标题。

按一个键，查看他保存的文本：

我的水培农场

直到按下一个键，JS才会触发。它应该在页面加载时触发

  $(function() {
$(".pf_text_in").keyup(function() {
    var pf_text_in = $(this).val();
    $(".text_preview").html(pf_text_in);
    return false;
});
});

    $(function() {
$(".pf_text_in2").keyup(function() {
    var pf_text_in = $(this).val();
    $(".text_preview2").html(pf_text_in);
    return false;
});
});

*

图片预览也有同样的问题。保存的图片不会显示在页面重新加载上。仅显示默认占位符jpgs

 $(".imgInp").change(function() {
  readURL(this);
});

function readURL(input) {
  var $formPic = $(input).siblings('img');
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function(e) {
      $formPic.attr('src', e.target.result);
    };
    reader.readAsDataURL(input.files[0]);
  }
}

是否有办法在页面加载时触发这两个函数？

添加以下内容：

$(function() {
    // Trigger events on load
    $(".pf_text_in").keyup();
    $(".pf_text_in2").keyup();
    $(".imgInp").change();
});

---

谢谢我会试试看，但我不确定那里发生了什么。您能在回答中解释一下吗？您的每个函数（您希望在加载时运行）都绑定到需要触发的事件（例如按键）。我给出的代码手动触发了这些事件，它所包含的函数确保在加载时发生这些事件。这一点现在更清楚了。我看不出您一开始是在哪里触发它的。jQuery中的很多事件函数都是触发事件的快捷方式，如果调用它们时没有参数的话。