jQuery исчезает в пункте

Question

Я хочу, чтобы мой текст исчезал при нажатии на ссылку меню. Поэтому, когда я нажимаю «дом», я хочу добавить этот текст, но он не работает. Что не так с моим кодом?

jQuery(function ($) {
$('a#homeactiv').click(function(){
  $(this).find('p#paragraph').fadeIn(slow);
});
{
});

Вот часть моего HTML, CSS, JQuery: http://jsfiddle.net/35qwb/2/

Answer 1

Многие вещи, включая, но не ограничиваясь:

• Предварительный выбор селектора идентификатора с элементом.Всегда просто делайте: $('#foo') НЕ $('a#foo').
• Опечатка (дополнительная {).
• Дополнительный знак доллара по какой-то причине.
• Не ставитьцитаты вокруг 'slow'.

Это должно сработать:

jQuery(function() {
    $('#homeactiv').click(function(){
        $('#paragraph').fadeIn('slow'); 
    });
});

В основном вам нужно изучить jQuery, прежде чем просить людей исправить ваш код.Есть много учебников для начинающих , которые вы должны прочитать в первую очередь.

Answer 2

В вашем коде довольно много ошибок (как указано в других ответах).Приведенный ниже код иллюстрирует правильный способ достижения вашей цели.

HTML

<p id="paragraph">
    This is example text <br />
    This is example text <br />
    This is example text <br />
    This is example text <br />
</p>

<button id="homeactiv">Click Me</button>

JavaScript

jQuery(function($) {
    $('#homeactiv').click(function() {
        $('#paragraph').fadeIn("slow");
    });
});

Вот рабочийскрипка .

Answer 3

попробуйте это:

Идентификатор уникален, не устанавливайте его больше.

$('#homeactiv').click(function(){ 
    $("#paragraph").fadeIn('slow'); 
});

Answer 4

Я считаю, что в вашем коде есть синтаксическая ошибка, попробуйте

$(document).ready(function() {
    $('a#homeactiv').click(function() {
        $('#paragraph').fadeIn('slow');
    });
});

Кроме того, $(this).find('p#paragraph') найдет только p#paragraph, который является потомком a#homeactiv. Переключиться на простой запрос - $('#paragraph')

Answer 5

Избавьтесь от поиска, это не то, как должен работать jQuery.Кроме того, не передавайте slow функции медленно, если у вас нет переменной с именем slow, это должна быть строка или число.

$("#paragraph").fadeIn("slow");

Если вы просто сделаете $("#paragraph").fadeIn(slow) jQuery будет искать переменнуюВызвать slow и передать его в метод fadeIn.Поскольку нет переменной с именем slow, она пройдет 0, что означает, что метод должен работать за 0 миллисекунд и показывать мгновенно.