1

因此,我查看了其他问题,虽然它们很有帮助,但我仍然非常困惑。我缺乏 JS/jquery 技能并没有帮助。(这可能是一个愚蠢的问题,但如果我不问我就不会学习)

我在 CF 环境中工作,基本上,我有一个页面。当用户将鼠标悬停在 div 块上时,会出现一个大的 div 块来覆盖这个原始 div。然后,当用户单击关闭链接时,页面将恢复到之前的状态。

所以现在我有:

<div onmouseover="getStuff();" style="position:absolute;left:150px;top:255px;width:240px; border:1px solid blue;">
    <div class="title"><b>Title</b><br /><br />Aenean magna sem, fringilla id malesuada nec, facilisis id quam.  </div>
</div>

哪个激活:

    <script>
    var iAlreadyGotStuff = 0;
    function getStuff() {
        if (!iAlreadyGotStuff) {
            gsSimpleAjax({url:'ajax.cfm?mode=content', target:'myTarget'});
            iAlreadyGotStuff = 1;
        }
    }

</script>

ajax.cfm 基本上只是拉入一个适合页面主页的表格。

示例:http: //img441.imageshack.us/img441/8548/exampleyt.png

我需要使用什么 JS 代码或需要更改什么来隐藏 Div 类“标题”我的 Target 处于活动状态的 div 类“myTarget”。

我试过了,但没有用:

document.getElementById('title').style.display='none'
4

2 回答 2

3

向班级添加一个ID,它应该可以工作

 <div class="title" id="title"><b>Title

编辑:

https://developer.mozilla.org/en/DOM/document.getElementById

https://developer.mozilla.org/en/DOM/document.getElementsByClassName

于 2012-04-09T18:59:22.410 回答
0

Nitpick:远离0和1,用真假。var iAlreadyGotStuff = false;.

对于您的问题,请从http://webdesign.about.com/od/dhtml/a/aa101507.htm查看此脚本

<script type="text/javascript">
function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
        item.className=(item.className=='hidden')?'unhidden':'hidden';
    }
}
</script>

如果 DIV 被隐藏,它会显示出来。如果它是可见的,它就是隐藏的。链接上有更详尽的解释。

于 2012-04-09T19:08:34.150 回答