Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 04.01.2015, 14:13   #1
scalpel
Форумчанин
 
Аватар для scalpel
 
Регистрация: 01.02.2010
Сообщений: 118
По умолчанию Не срабатывает slideDown() с первого раза

У меня есть такая проблема, есть кнопка (ссылка) при нажатие она загружает форму, форма открывается методом slideDown() только почему-то она не срабатывает как положено, то-есть не открывается как slideDown а просто открывается без эффекта, только после повторное открытие открывается как положено.

Вызов:
Код HTML:
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<a class="button" id="showform" style="cursor: pointer;">View form</a>

<div id="result" style="width: 98%; text-align: center" class="admin_error"></div>
<div id="contact" style="padding-left: 60px;"></div>
<script>
$(document).ready(function(){
	$('a#showform').click(function() {
		$('div#contact').load('./form.php', function() {
      		$(this).slideDown();
      		$("#result").empty();
    	});
	});
});
</script>
Форма:
Код HTML:
<form name="form_comm" action="" enctype="application/x-www-form-urlencoded">
    <table cellpadding="2" cellspacing="2" border="0">
       <tr>
          <td align="right">
             Name:
          </td><td align="left">
             <input type="text" name="name" id="name" size="35" />
          </td>
       </tr><tr>
          <td align="right">
             E-Mail:
          </td><td align="left">
             <input type="text" name="email" id="email" size="35"/>
          </td>
       </tr><tr>
          <td align="right" valign="top">
             Message:
          </td><td align="right">
             <textarea name="message" id="message" rows="10" cols="70"></textarea>
          </td>
       </tr><tr>
          <td colspan="2" align="center">
             <input type="submit"  name="sent" value="Send" class="button" onclick="send(); return false">
             <input type="button" id="close" value="Close" class="button">
          </td>
       </tr>
    </table>
    </form>
<script type="text/javascript" language="JavaScript">
$('input#close').click(function(){
   	$('div#contact').slideUp();
   	$('div#result').empty();
});
</script>
Как решать эту проблему?

Последний раз редактировалось scalpel; 04.01.2015 в 19:10.
scalpel вне форума Ответить с цитированием
Старый 04.01.2015, 17:20   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

сделай div#contact невидимым
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 04.01.2015, 19:10   #3
scalpel
Форумчанин
 
Аватар для scalpel
 
Регистрация: 01.02.2010
Сообщений: 118
По умолчанию

Вы правы, сделал display:none и уже всё в порядке, мелочи но создаёт проблемы.
scalpel вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ajax срабатывает со второго раза Erilar JavaScript, Ajax 12 07.01.2015 17:19
Уведомление о создании файла срабатывает 2 раза HellMercenariess Общие вопросы Delphi 4 07.06.2013 19:22
Не заносятся данные в Edit с первого раза Shouldercannon Общие вопросы Delphi 2 13.04.2010 21:07
Не работает с первого раза getline AxenicX Помощь студентам 2 28.11.2009 23:43
Комп не с первого раза включается RockForr Компьютерное железо 5 18.09.2009 13:57