Question

基本上我试图编写jquery来切换一个封闭div中的对象（div，class），并根据点击的导航按钮以三种不同的方式相应地替换它，默认为登陆页面/动画。 / p>

我想替换目标网页的内容以动态更改，因此我不会编写三个单独的代码页，只需在访问者点击两个单独的按钮时更改一个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 class="**enlosing**">

<nav>
<ul class="Nav">

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


</ul>
</nav>

</div>


<div class="**lee**">

<div class="**ex**">    
<div class="place">
<a class="gotoplace" href="http://www.link.com" target="_self"></a>
</div>
</div>
<div/>

CSS

.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以多种方式动态更改，同时保持页面的其余部分不变。

由于这个问题已经在这个网站上被问过各种各样的方法，我已经经历了很多但是现在无法区分我的问题。如果有一个特别与我的代码有关的答案或问题，请原谅我的疏忽。

Answer 1

您使用链接的href值作为jQuery选择器，这是您无法做到的。至少不是直接的。

两个选项，要么使用其ID，要么正确使用href作为属性。

1）

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

2）

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

jquery内容动态

1 个答案: