我在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编辑器后才会出现背景,例如height。当我回到之前的值时,背景仍会显示,但如果没有实时更改,则无法正常工作。
.hide-submit-text元素在JS事件(点击)之后显示
背景是动画gif。