Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Object has no method fadeIn (https://javascript.ru/forum/events/34366-object-has-no-method-fadein.html)

Mukhtar 31.12.2012 14:09

Object has no method fadeIn
 
Всем привет!
С наступающим!
Помогите решить проблемку?
Выскакивает ошибка в firebug - Object has no method fadeIn

вот код
Код:

<nav id="nav">
    <div class="container" align="right">
    <img class="logo" src="images/logo.png" />
    <ul>
 
        <li><a href="#home"><i class="icon-home icon-white"></i></a></li>
        <li><a href="#about">О нас</a></li>
        <li class="port" style="color:#fff;">Портфолио <div id="submenu" align="center"><a href="#advertisement"><p>Реклама</p></a><a href="#production"><p>Продакшн</p></a><a href="#design"><p>Дизайн</p></a></div>
      </li>
      <li><a href="#rent">Аренда</a></li>
      <li><a href="#vacancy">Вакансии</a></li>
      <li><a href="#contacts">Контакты</a></li>
       
    </ul>

</div>

</nav>
<div class="section rain" id="about">
        <div class="container white">
        <div id="about1" style="display:none;">
            <h2>Раздел №2</h2>
            <p>
                Текст раздела №2<br/>
                                Текст раздела №2<br/>
                                Текст раздела №2<br/>
                                Текст раздела №2<br/>       
            </p>
            </div>
            </div>
        </div>

$(function() {
                $('#nav ul li a').bind('click',function(event){
                    var $anchor = $(this);
					var wrap;
					wrap = 'div'+$anchor.attr('href')+"1";
					$("#nav ul li a").removeClass("current");
					$(this).addClass("current");
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1500,'easeInOutExpo');
     					setTimeout(function () {
							wrap.fadeIn(1500);
						}, 1500);
					event.preventDefault();
					/*
                    если вы не хотите использовать эффект:
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1000);
                    */
                });
            });

Sweet 31.12.2012 14:20

Так ведь wrap - это ж строка.

Deff 31.12.2012 14:23

Цитата:

Сообщение от Sweet
Так ведь wrap - это ж строка.

Sweet, выведите её alert(om)
И далее гляньте это
Цитата:

Сообщение от Mukhtar
    wrap.fadeIn(1500);


Mukhtar 31.12.2012 14:33

Цитата:

Сообщение от Deff (Сообщение 224590)
Sweet, выведите её alert(om)
И далее гляньте это

Выводит div#home1, мда уж. строка. А как правильно сделать, чтобы она была объектом, сорри, просто не силен в js. :help:

Deff 31.12.2012 14:36

Mukhtar,
Поскольку есть главное - код HTML - проще слепить новое
Поясните принцип действия
и добавьте стили

Mukhtar 31.12.2012 14:47

принцип такой:
У меня сайт построен на секциях. Когда пользователь нажимает на ссылку в меню, страница скроллом спускается в ту секцию к которой привязана ссылка.
После того как она спуститься в нужную секцию я хочу чтобы появился блок с текстом.
Но он не появляется.
http://jsfiddle.net/FHQPJ/

Deff 31.12.2012 14:54

Mukhtar,
Ну мож попозже, к вечеру, - сейчас убегу

Mukhtar 31.12.2012 15:11

Цитата:

Сообщение от Deff (Сообщение 224600)
Mukhtar,
Ну мож попозже, к вечеру, - сейчас убегу

Спасибо, разобрался! )))) Теперь понял разницу.

было
wrap = 'div'+$anchor.attr('href')+'1';
а надо было
wrap = $('div'+$anchor.attr('href')+'1');
:lol:
Сорри. С Наступающим.


Часовой пояс GMT +3, время: 16:09.