2014-01-05 2 views
0

Контактный формуляр отправки, без проблем.javascript код; sucess function in hide() не работает. Я хочу скрыть html div id = "contactform"Скрыть скрытую форму контакта

В чем проблема? Контактная форма html в div скрывает, почему не работает?

HTML КОД

<!--sending after div hide not working?--> 
<div id="contactform"> 
          <form id="contact" action=""> 
          <fieldset> 
           <label for="name" id="name_label">NAME</label> 
           <input type="text" name="name" id="name" size="50" value="" class="text-input" > 
           <span class="error" id="name_error">PLEASE NAME</span> 
           <label for="email" id="email_label">EMAIL</label> 
           <input type="text" name="email" id="email" size="50" value="" class="text-input" > 
           <span class="error" id="email_error">PLEASE EMAIL</span> 
           <span class="error" id="email_error2">EMAIL ERROR</span> 
           <label for="phone" id="phone_label">TELEPHONE</label> 
           <input type="text" name="phone" id="phone" value="" class="text-input" > 
           <label for="msg" id="msg_label">MESSAGE TEXT</label> 
           <textarea cols="60" rows="5" name="msg" id="msg" class="text-input"></textarea> 
           <span class="error" id="msg_error">PLEASE MESSAGE</span><br > 
           <input type="submit" name="submit" class="button" id="submit_btn" value="Gonder" > 
          </fieldset> 
          </form> 
          <div id="message"></div> 
         </div>      

JavaScript КОД

  jQuery.ajax({ 
      type: "POST", 
      url: "aspmail.asp", 
      data: dataString, 
      success: function() { 
      jQuery('#contactform').html("<div id='message'></div>"); 
      jQuery('#message').html("<strong>Message send</strong>") 
     .append("<p>thank you</p>") 
     .hide() // not working hide? 
       .fadeIn(1500, function() { 
       jQuery(''); 
      }); 
      } 
     }); 
     return false; 
     }); 
    }); 
+0

Что на самом деле случается ? То, что я ожидал бы с этим JS-кодом, - это исчезновение всех ваших ярлыков и полей ввода, а затем текст «Сообщение отправить спасибо», чтобы исчезнуть. (И на самом деле, что _is_, что происходит, когда я вставляю тело вашего выполните следующие действия: http://jsfiddle.net/64Bj8/) Обратите внимание, что причина, по которой метки и входы исчезают _isn't_ из-за '.hide()', потому что вы перезаписываете содержимое '# contactform' div с 'jQuery ('# contactform'). html ("

");'. – nnnnnn

+0

Отправить форму после, div id = "contactform" скрыть не работает? – user3162306

+0

У вас есть ошибки в консоли вашего браузера? И вы уверены, что обработчик успеха даже называется? Попытайтесь добавить 'alert (« В случае успеха »);' как _first_ строку функции успеха и посмотреть, что произойдет. – nnnnnn

ответ

0

Try .css ("Дисплей", "никто") вместо шкура()

+0

Я не понимаю, как? – user3162306

+0

Почему это работает, если '.hide()' не сделал? – nnnnnn

+0

Отправить форму после, div id = "contactform" скрыть не работает. – user3162306

Смежные вопросы