У меня проблема со ссылкой, которая находится внутри div на моей странице. В настоящее время при переходе по ссылке ничего не происходит. Я не понимаю почему, но я думаю, что это связано с использованием hide() и show() в содержащем div, что я объясню ниже.
Div является частью пользовательского «аккордеона», который использует следующий Jquery для открытия/закрытия правильного div при щелчке заголовка:
$('.accordion .head').click(function () {
$('.accordion .head').next().hide();
$('.accordion .head').removeClass("active");
$(this).next().show('fast');
$(this).addClass("active");
return false;
});
Я понимаю, что есть лучшие способы добиться поведения «аккордеона», но, поскольку это используется на нашем веб-сайте, у меня нет возможности обновить аккордеон, чтобы использовать фактический метод JQuery аккордеона (), не делая много дополнительной работы для сам.
Итак, учитывая приведенный ниже пример кода, может ли кто-нибудь помочь мне понять, в чем проблема или как ее преодолеть?
<div class="accordion">
<div class="head active"><a href="#">Heading 1</a></div>
<div class="accordion-content first">
<p>
Some text here
</p>
<div class="accordion-logos">
</div>
</div>
<div class="head"><a href="#">Heading 2</a></div>
<div class="accordion-content">
<p>
Some other text here
</p>
<p>
<a href="http://www.google.com">http://www.google.com</a>
</p>
</div>
</div>
Я даже не могу зарегистрировать щелчок, когда обрабатываю его конкретно, предупреждение в приведенном ниже коде никогда не срабатывает при нажатии на ссылку:
$('.accordion .accordion-content #thelink').click(function () {
alert();
});
Благодарю вас,
Роза