jqueryコメントフォームのバリデーションerrorPlacement ajax return

Question

私のjavascriptプラグインが矛盾しているように見えますが、わずかに問題があります。フォームを作成しているfiddleを見ると、入力フィールドが作成されて削除された後、次の要素（最初に配置された場所の下）に警告メッセージがポップアップして表示されます。

明確にする：ユーザがまだ情報を入力していない場合、アラートは正しい位置にポップアップ表示されます（赤いテキストで入力フィールドの右側に浮かべます）。ただし、ユーザーが名前を入力してから名前を削除すると、Ajaxアラート（「このフィールドは必須です」）が、想定されている場所の下のフィールドに間違った場所にポップアップ表示されます。この問題は、JavaScriptのこの部分を含めた後に表示されます（ページ上の別のメニューを制御します）：

/* jQuery Content Panel Switcher JS */ 
var jcps = {}; 
jcps.fader = function(speed, target, panel) { 
    jcps.show(target, panel); 
    if (panel == null) {panel = ''}; 
    $('.switcher' + panel).click(function() { 
     var _contentId = '#' + $(this).attr('id') + '-content'; 
     var _content = $(_contentId).html(); 
     if (speed == 0) { 
      $(target).html(_content); 
     } 
     else {  
      $(target).fadeToggle(speed, function(){$(this).html(_content);}).fadeToggle(speed); 
     } 
    }); 
}; 
jcps.slider = function(speed, target, panel) { 
    jcps.show(target, panel); 
    if (panel == null) {panel = ''}; 
    $('.switcher' + panel).click(function() { 
     var _contentId = '#' + $(this).attr('id') + '-content'; 
     var _content = $(_contentId).html(); 
     if (speed == 0) { 
      $(target).html(_content); 
     } 
     else {  
      $(target).slideToggle(speed, function(){$(this).html(_content);}).slideToggle(speed); 
     } 
    }); 
}; 
jcps.show = function (target, panel) { 
$('.show').each(function() { 
    if (panel == null) { 
     $(target).append($(this).html() + '<br/>'); 
    } 
    else { 
     var trimPanel = panel.replace('.', ''); 
     if ($(this).hasClass(trimPanel) == true){$(target).append($(this).html() + '<br/>');} 
    } 
}); 
} 

ありがとうございました。

Answer 1

あなたは正しいCSSの競合があるかもしれないと思っていますが、label.error要素のCSSを修正することで、私が望む影響に近いと思いました。

label.error { color: red; position: relative; float: right: top: -30px; } 

例：http://jsfiddle.net/shanabus/kmJ87/1/