Почему мой $ (этот) .prop ('class') не работает?

Here is what i want: I have multiple

tags that are being uses as a link to reveal answers to FAQ's. Also I have added a form in case that the user did not see any question of interest on that page. The link for the form is at the bottom of the page. Now when the user click on the show form link I would like the window to scroll down to the bottom. I have done this, however when I click on any of the link the window also scrolls to the bottom. I want when the user clicks only on the show form link that the window scrolls.

вот что у меня есть до сих пор:

<body>
<?php
$array = array("link 1","link 2","link 3");
foreach($array as $link)
{
    echo "
";
    echo "<div>";
    //information to be displayed
    echo "</div>";
}
?>

Show Form

//form information here
</body>

вот javscript:

<script>
$(document).ready(function(){
    $('h3').click('bind',function() {
        $(this).toggleClass('open').next().slideToggle(500,function(){
            var i = $(this).prop('class');

            if(i == 'forms')
            {
                $("html, body").animate({scrollTop: $(document).height()}, "slow");
            }
        });
    });
});
</script>

I have added an alert to verify my output and when I click on

the alert is blank but when I click on the others the alert showed "link". Can someone help me figure out why the alert is showing blank when I click on the

tag?
1
nl ja de
$ (document) .ready (... с ошибкой. Это так и в коде?
добавлено автор Marcus, источник
Вы также можете использовать if ($ (this) .hasClass ('forms')) ... вместо использования prop()
добавлено автор Marcus, источник
Нет свойства класса, но есть свойство className.
добавлено автор Kevin B, источник
Если вы собираетесь за классом, вам нужно .attr not .prop Prop полезно для реальных свойств, таких как value , className и т. д.
добавлено автор Brad Christie, источник
@G_M, это было неправильное письмо, когда я вошел в него .....
добавлено автор Bryan, источник

2 ответы

Вы отдаете предпочтение своему LI классу ссылок вместо $ link.

Кроме того, используйте

if ($(this).hasClass("forms"))
2
добавлено
Все еще не работает.
добавлено автор Bryan, источник

.prop() should really only be used when accessing the DOM element's properties and not attributes (like class or style, width, etc.). If you want the class, use .attr('class') instead (or, as others have mentioned, you can use .hasClass() to test (with jQuery) if an element has a specific class aplied).

для отслеживания .prop vs .class :

Foo Bar link

var a = document.getElementById('foolink'),
    $a = $(a);

$a.prop('href')//like directly calling a.href
$a.prop('id') //again, like directly calling a.id
$a.attr('class')//where as it's actually a.className
0
добавлено
Дело в том, что я нажимаю на ссылки внутри оператора PHP, в котором он работает. Предупреждение показало класс. Его ссылка, которая находится в HTML, что она не показывает класс, и это то, чего я не могу получить, почему это так?
добавлено автор Bryan, источник
Я изменяю .prop на .attr, и в сообщении появляется Undefined
добавлено автор Bryan, источник
phpGeeks
phpGeeks
3 620 участник(ов)

Best PHP chat Еще: @dbGeeks - базы данных @phpGeeksJunior - новичкам @moscowProgers - IT Москва @ebanoePhp - весёлый канал о PHP @laravel_pro - Laravel @jobGeeks - вакансии @jsChat - JS Правила: https://t.me/phpGeeks/764859 ДР - 28.03.2016

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

PHP
PHP
1 309 участник(ов)

Группа про современный PHP. Обсуждаем ООП, TDD, BDD, DDD, SOLID, GRASP и прочие крутые базворды Для ознакомления: https://gist.github.com/mkusher/711bd46f0b62fbae851182e6fb3b1839 Группа PHP для новичков @phpGeeksJunior Вакансии: https://t.me/fordev

PHP — вакансии, поиск работы и аналитика
PHP — вакансии, поиск работы и аналитика
1 251 участник(ов)

Публикуем вакансии и запросы на поиск работы по направлению PHP, Laravel, Symfony, Yii и т.д. Здесь всё: full-time, part-time, remote и разовые подработки. См. также: @qa_jobs, @devops_jobs, @javascript_jobs, @nodejs_jobs, @uiux_jobs, @products_jobs

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

phpGeeksJunior
phpGeeksJunior
980 участник(ов)

Группа для новичков. Не стесняйтесь задавать вопросы по php. Не флудить!!!! Правила и полезные ссылки https://gist.github.com/exileed/a53dd0617b35a705ff44b38c8028e6a5 Бест от пхпгикс https://t.me/best_of_phpgeeks

phpclub.ru
phpclub.ru
872 участник(ов)

Официальный чат phpclub.ru - остерегайтесь подделок #rules Правила группы - уважайте друг друга. Скриншоты -> ссылками. Код -> pastebin.com. Вакансии строго -> https://goo.gl/4bNxym, в чат ссылку. За рекламу и мат - БАН!

Devall | PHP
Devall | PHP
272 участник(ов)

Пристанище для восходящих звёзд разработки, которые перейдут на более адекватные языки. http://combot.org/chat/-1001014863761 Инвайт: j.mp/devallphp

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing