Динамическое содержимое jquery

В основном я попытался скомпоновать jquery для переключения объекта (div, class) внутри одного охватывающего div и заменить его соответственно тремя различными способами в зависимости от кнопки навигации, которая нажата, причем по умолчанию это целевая страница/анимация.

Я хотел бы заменить содержимое целевой страницы, чтобы динамически меняться, поэтому я не буду писать три отдельные страницы кода, просто измените элементы внутри одного div, когда посетители нажмут на две отдельные кнопки. Единственная проблема, с которой я сталкиваюсь, - это, вероятно, мой синтаксис... Я получаю код, который работает, чтобы скрыть элемент... который указан ниже, поскольку я пытаюсь удалить Class/addClass или toggleClass. Я сражаюсь с ним в течение нескольких часов безрезультатно,

Это моя текущая версия - еще одна вещь, о которой я сейчас спрашиваю, почему.hide(this); на моей второй функции исчезает содержимое, в то время как.hide() только не исчезает, мне нравится эффект замирания, но я уверен, что могу правильно подойти к нему, потому что это может быть причуда?

**$(document).ready(function() {
$("**#oneway**").click(function() {
$("**.lee**:first").hide();
});
$("**#secondway**").click(function() {
$("**.lee**:first").hide(this);
});**

Я напишу соответствующие HTML и CSS и спасибо за ваше время за чтение

HTML

<div>

<nav>
<ul>

<li id="stuff"><a href="blah.html" target="_blank">STUFF</a></li>
<li id="quality"><a href="**#oneway**" target="_blank">QUALITY</a></li>
<li id="stuff2"><a href="blahblah.html" target="_blank">STUFFALSO</a></li>
<li id="contact"><a href="**#secondway**" target="_blank">CONTACT</a></li>


</ul>
</nav>

</div>


<div><code>&lt;div&gt; 

&lt;/div&gt;</code><div> <p> CSS</p> <pre class="prettyprint linenums">.ex{


display: table-cell;
text-align: center;
position: absolute;
top: 0; left: 0;
background-image: url(../img/seal.png);
background-position: left;
background-repeat:no-repeat;
margin-left:center;
height:100%;
width:100%;

}

Я пытаюсь получить.ex для динамического изменения несколькими способами, сохраняя при этом остальную часть страницы одинаковой.

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

1 ответ

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

Два варианта: либо использовать их id, либо использовать href правильно как атрибут.

1)

$('#stuff2 a').click(...)

2)

$('a[href="**#secondway**"]').click(...)

licensed under cc by-sa 3.0 with attribution.