gpt4 book ai didi

jQuery show() 面板不工作

转载 作者:太空宇宙 更新时间:2023-11-04 14:05:23 25 4
gpt4 key购买 nike

我正在尝试创建一个页面,左侧是欧洲 map ,右侧是一个面板,当我点击所需的国家/地区时会出现该面板。

我现在的问题是面板,因为我在创建它时遇到了麻烦。

这是没有面板的页面代码:

<script type="text/javascript">
$(function(){
$('#navigation li a').append('')
$('#navigation li a').append('')
$('#navigation .hover').css("filter","alpha(opacity=00)");
$('#navigation li a').hover(function() {

// Stuff that happens when you hover on + the stop()
$('.hover', this).stop().animate({
'opacity': 1
}, 700,'easeOutSine')

},function() {

// Stuff that happens when you unhover + the stop()
$('.hover', this).stop().animate({
'opacity': 0
}, 700, 'easeOutQuad')

})
});

$(function($){
$('#map').cssMap({'size' : 670});
});
</script>

<body>

<div id="wrap">
<div id="page">
<div id="map-content">
<div id="map">
<ul class="europe">
<li class="es"><a href="#espana" id=show>Espana</a></li>
<li class="uk"><a href="#unitedkingdom">United Kingdom</a></li>
<li class="fr"><a href="#france">France</a></li>
</ul>
</div>
</div>

<button id=hide>hide()</button>
<button id=reset>Reset</button>

<p>Hello, this show() and hide() example</p>

<script type="text/javascript">

$("ul.europe li a show").click(function () {
$("p").show('fast');
});

$("#hide").click(function () {
$("p").hide(1000);
});

$("#reset").click(function(){
location.reload();
});
</script>

</div>
</div>

在这部分代码中,第一个函数用于菜单,第二个函数调用 JS 用于 map 。

我想使用 .show(),但我真的不知道如何管理它们。如果我点击 Espana,什么也不会发生。我认为问题出在“$("ul.europe li a show")”中。或者也使用这样的东西:http://jsfiddle.net/rionmonster/J8U25/

有什么帮助吗?

最佳答案

您在上面所做的事情看起来有点过于复杂。我已经编写了一个基本的 JS fiddle,用于根据 a 标签中的 rels 显示和隐藏 div,该标签查找具有特定 ID 的 div。

http://jsfiddle.net/2Be9a/17/ - 更新最新的 fiddle

关于jQuery show() 面板不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12795823/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com