我正在尝试（但失败）在加载页面其余部分之前，将脚本加载到某些帖子的标题中。我的一些帖子有需要脚本才能工作的嵌入，但我下面的临时代码工作不正常。

此AJAX调用已成功发送，脚本正在从接收到的数据中过滤，但由于某些原因，我的AJAX调用没有将这些脚本附加到HTML代码中的head元素。那么我哪里做错了？

(function ($) {
    $(document).ready(function () {

      var $mainContent = $(".main");
      var value;
      $this = \'\';

      $(document).on("click", "#posts a", function (e) {
        e.preventDefault();
        $this = $(this);
        value = $this.attr("href");

          $.ajax({
            url: value,
            type: \'POST\',
            dataType: "html",
            error: function (data) {
              console.warn(data);
            },
            success: function (data) {
              var dom = $(data);
              dom.filter("script").each(function () {
                if (this.src) {
                  var script = document.createElement(\'script\'),
                    i, attrName, attrValue, attrs = this.attributes;
                  for (i = 0; i < attrs.length; i++) {
                    attrName = attrs[i].name;
                    attrValue = attrs[i].value;
                    script[attrName] = attrValue;
                  }
                  document.getElementsByTagName("head")[0].appendChild(script);
                }
              });
            }
          }).done(function (data) {
            var dom = $(data);
            $mainContent.html(dom.find(\'.main\').html());
          });
      });
    });
  })(jQuery);