1

我在 Google Chrome 27 中注意到了这个问题

样式：

.hide-submit-text
{
    background: url("/sites/default/files/images/throbber2.gif") no-repeat scroll right center transparent;
    height: 25px;
    line-height: 25px;
    width: 98px;
}

JS 代码（从隐藏提交模块到 Drupal 7 - https://drupal.org/project/hide_submit）

  // Bind to form submit.
  $('form', context).submit(function (e) {
    if (! $form.hasClass('hideSubmitButton-processed')) {
        return;
    }
    var settings = Drupal.settings.hide_submit;
    var $inp;
    if (!e.isPropagationStopped()) {
      if (settings.hide_submit_method == 'disable') {
        $('input.form-submit', $form).attr('disabled', 'disabled').each(function (i) {
          var $button = $(this);
          if (settings.hide_submit_css) {
            $button.addClass(settings.hide_submit_css);
          }
          if (settings.hide_submit_abtext) {
            $button.val($button.val() + ' ' + settings.hide_submit_abtext);
          }
          $inp = $button;
        });

        if ($inp && settings.hide_submit_atext) {
          $inp.after('<span class="hide-submit-text">' + Drupal.checkPlain(settings.hide_submit_atext) + '</span>');
        }
      }
      else {
        var pdiv = '<div class="hide-submit-text' + (settings.hide_submit_hide_css ? ' ' + Drupal.checkPlain(settings.hide_submit_hide_css) + '"' : '') + '>' + Drupal.checkPlain(settings.hide_submit_hide_text) + '</div>';
        if (settings.hide_submit_hide_fx) {
          $('input.form-submit', $form).addClass(settings.hide_submit_css).fadeOut(100).eq(0).after(pdiv);
          $('input.form-submit', $form).next().fadeIn(100);
        }
        else {
          $('input.form-submit', $form).addClass(settings.hide_submit_css).hide().eq(0).after(pdiv);
        }
      }
      // Add a timeout to rerset the buttons (if needed).
      if (settings.hide_submit_reset_time) {
        timeoutId = window.setTimeout(function() {
          hideSubmitResetButtons(null, $form);
        }, settings.hide_submit_reset_time);
      }
    }
    return true;
  });
});

只有在我更改了任何值 chrome css 编辑器后才会出现背景，例如高度。当我回到以前的值时，背景仍然出现，但如果没有实时更改就永远不会工作。

.hide-submit-text 元素在 JS 事件后显示（点击）

背景是动画 gif。

4

0 回答 0