Question

这是网站 - http://magnixsolutions.com/dev/jquery/360_new.html

我想逐步构建它以正确避免混淆，并且我是jQuery中的新手。请耐心等待。

1。）首先，它显示占位符中的可拖动360图像（插件），当它加载第一个东西时工作正常

2。）如果我点击占位符下面的“360”导航图像（或超链接），它似乎工作正常

3.如果我点击占位符下方的“标注”导航图像（或超链接），则会显示“标注进入此处！”工作正常。

问题：什么时候出现“呼唤”！显示如果我单击360图像或超链接，它不会显示占位符中的360可拖动图像。我不知道我在自定义脚本中做错了什么。您可以查看源代码，看看我做错了什么。

欣赏它！

谢谢！

Answer 1

这里有一些事情。

$('#PIC360').html('Call-outs goes here!');将清除#PIC360中的所有其他HTML。这意味着你的形象消失了。据我所知，你永远不会把它放回去。您可能希望隐藏图像，以便稍后重新显示。类似的东西：

<div id="PIC360">
    <img id="image" src="01.png" border="0" width="360" height="425"/>
    <span id="theText">Call-outs goes here!</span>
</div>

最初隐藏#theText的

然后您的代码更改为：

$(".callout").click(function() {
    $('#PIC360').hide();
    $("#image").hide();
    $("#theText").show();
    $('#PIC360').fadeIn('slow');
    return false;
});

$(".360").click(function() {
    $('#PIC360').hide();
    $("#image").show();
    $("#theText").hide();
    $('#PIC360').fadeIn('slow');
    return false;
});

最后，我不确定你对$('#PIC360').css('.360');的意图是什么，但这完全无效。

隐藏/显示两个班级

1 个答案: