小编Pre*_*edz的帖子

我不确定我是否正确地采用了这种方式,但我会尽力解释我正在尝试做的事情.

我有一个包含菜单的HTML页面.在该菜单中,有许多实例使用特定的CSS类.页面更改时,将通过URL传递一个值,然后使用该URL突出显示所选项目并展开子菜单.

我遇到的问题是,当我尝试使用此值在正确的点扩展列表时,我实际上无法选择并添加新的CSS类或执行其他操作.我会在下面发布一些代码,这样你就可以更好地理解我在谈论的内容,然后给出一个示例场景.

if (param != null) {
    $('.menuButton')[paramvalue].addClass('on');
    $('.menuButton')[paramvalue].slideDown('normal');
}

这是给出问题的javascript部分.在上面的例子中,paramvalue可以被0或1等替换.这部分到达我想要改变的特定类.我通过在HTML中添加一个id并使用以下命令检索它来检查这个:

 alert($('.menuButton')[paramvalue].id);

这返回了正确的ID值.

HTML如下:

<div class="menuButton" id="2">Button 1</div>
<div class="subMenu">
    <ul>
    <li><a href="#">Item 1.1</a></li>
    <li><a href="#">Item 1.2</a></li>
    <li><a href="#">Item 1.3</a></li>
 </ul>
</div>
<div class="menuButton" id="3">Button 2</div>
<div class="subMenu">
<ul>
    <li><a href="#">Item 2.1</a></li>
    <li><a href="#">Item 2.2</a></li>
    </ul>
</div>

没有CSS与id一起使用,它们主要是为了测试而添加的.如果有必要,我可以发布相关的CSS,但我认为这不是问题的一部分.

我应该提一下,使用以下作品

$('.menuButton').addClass('on');

所以也许这会缩小问题的范围.

如果您需要任何其他信息.只是问.

谢谢你的帮助.

我有一个运行这样的任务的构建文件。

任务 1 ( unpackWar)：将 war 文件解压缩到 Temp 文件夹

任务 2 ( copyWarFilesToWebContent)：将文件复制到 WebContent 文件夹，但有一些排除项

任务 3 ( copyRequiredJarFilesToWebContent)：将几个 jar 文件从 Temp/WEB-INF/lib 解压到 TempJarDir

任务 4 ( explodeProductJars)：将我们想要的文件从 TempJarDir 复制到 WebContent 文件夹

有一个准备任务使用dependsOn 运行这些任务中的每一个，我已经向每个任务添加了mustRunAfter 命令，以便它们按顺序执行。还为每个任务设置 upToDateWhen = false。

似乎发生的是任务 1 运行良好并解压缩了战争。然后，任务 2 使用来自 Temp 的文件并将所需的文件正确添加到 WebContent。

任务 3 和任务 4 总是以最新状态返回，因为在指定的目录中似乎没有文件可以使用。

如果我在 Temp 文件夹存在时重新运行准备，任务 3 和 4 将正确运行。

我不确定这是由于 fileTree 的工作方式还是我做错了什么。大约一周前，我开始学习 gradle 并且仍在掌握它。

任务如下所示：

task prepare(dependsOn: ['unpackWar', 'copyWarFilesToWebContent', 'copyRequiredJarFilesToWebContent'])
prepare.outputs.upToDateWhen {false}



task …

我有一个5个不同图像序列,每个图像在一个单独的div中.在这些下面,我有另一个div,我打算用文本填充,取决于悬停的图像.

我们的想法是,每个图像悬停时都会用相关信息填充此文本div.我也想让这个div动画,以便它从高度0开始并将其扩展到150px然后添加文本,当鼠标移开图像时它应该折叠.

这个区域下面有一个页脚,所以我不能隐藏它,然后在悬停时显示.

使用JavaScript/JQuery有一个简洁的方法吗？

谢谢

编辑:

我自己把一些东西放在一起尝试解决这个问题,但有几个问题

$(document).ready(
    function(){    
        $("#upper").hover(
            function(){
                $('#caption').animate({'height': '150px'}, 1500);
                $('#caption').html('Tesrtssadwa');
            }, 
            function(){
                $('#caption').stop().animate({'height': '0px'}, 1500);
            }
        );
}
);

所以这几乎可以解决我想要的几个问题.如果我快速将鼠标悬停在div上几次,它会将动画排队.理想情况下,我希望不会发生这种情况.有没有一种简单的方法可以做到这一点,还是比它的价值更麻烦？

此外,有一次我设法让div崩溃,但文字仍在显示.我无法重现这一点但有没有办法让文字在div崩溃时消失？

$('#caption').html('');

看起来有点糟糕

编辑:我可以重现它.将鼠标悬停在图像上直到它完全展开,然后移开它会使div崩溃,文本将重新出现.