javascript - 奇怪的 jQuery 错误 .children(...).attr(...).change 不是一个函数？

Question

我明白这可能不是一个好问题，但我已经无计可施(如果需要删除问题，请告诉我)

我在 Magento (Zetaprints Web To Print) 中安装了一个插件，但该插件的图像上传部分不起作用。我已经联系了他们的支持人员，但除非我掏钱，否则他们不想知道这件事。

我认为这是由于抛出了 JavaScript 错误，在 Firefox 和 Chrome 控制台中我都收到错误消息:

Chrome

Uncaught TypeError: Object has no method 'change'

火狐

TypeError: $td.children(...).attr(...).change is not a function

无论如何我都不是 jQuery 或 JavaScript 方面的专家，但在我看来，这是因为被引用的对象不是 jQuery 对象，而是其他东西(我不太确定)。错误引用的代码如下:

  function add_image_to_gallery (guid, url, on_image_load) {
    var trs = $('.tabs-wrapper > .user-images > table > tbody > tr');

    $(trs).each(function () {
      var $tr = $(this);
      var $template = $tr.children('.zp-html-template');

      var $td = $template
                  .clone()
                  .removeClass('zp-html-template')
                  .insertAfter($template);

      // THE CODE BELOW IS THROWING THE ERRORS
      $td
        .children('.zetaprints-field')
        .attr('value', guid)
        .change({ zp: zp }, image_field_select_handler);

      $td
        .children('.image-edit-thumb')
        .click(thumbnail_edit_click_handler);

      var $thumb = $td.children('.image-edit-thumb');

      $thumb
        .find('> .buttons-row > .zp-delete-button')
        .click(delete_image_click_handle);

      var $img = $thumb
                   .children('img')
                   .attr('alt', guid)
                   .attr('src', url);

      if (on_image_load)
        $img.load(on_image_load);
    });
  }

(一小段代码，文件超过 1400 行)

有人能看出上面的代码有什么明显的错误吗？或者有人知道是什么原因造成的吗？

Answer 1

如果未定义 guid $td.attr('value') 将返回字符串而不是 jquery 链。所以 'string'.change 会触发错误。

  $td
    .children('.zetaprints-field')
    .attr('value', guid)
    .change({ zp: zp }, image_field_select_handler);