Question

我已尝试了几个SEVERAL变体，但无法获得嵌套div的正确选择器。我需要为这个div设置动画，因为没有动画正在发生，所以我得出结论，我没有抓住正确的选择器。

这是我的动画：

SQLiteDatabase

marginTop的第二行是没有发生的行。我已经进入chrome并试图在那里使用选择器，但没有任何作用。这是我的HTML：

$(".lab1").hover(function(){
    $(".panel-group .panel", this).stop(true, false).animate({ marginTop: "-80px;"});  //Trying to get this
    $(".panel", this).stop(true, false).animate({ height: "140px"});

}, function() {
     $("div.panel.panel-default", this).stop(true, false).animate({ marginTop: "0px;"});
    $(".panel", this).stop(true, false).animate({ height: "98px" });
});

我正试图获得第二个面板默认值。我如何获得选择器？

Answer 1

.panel-group不是.lab1

的子元素

Answer 2

动画正在发生，但动画下面的代码正在停止它。检查此jsfiddle。你也有一些错误。 marginTop: "-80px;"最后;不需要marginTop: "-80px" 这行代码会停止动画，这就是你无法获得它的原因。

$(".panel", this).stop(true, false).animate({ height: "140px"});

Answer 3

当你在元素上调用两次stop()函数时，第二个调用在它开始之前结束第一个动画。另外，请勿在字符串中添加;，并单独为this设置动画。这段代码正在运行：

$(".lab1").hover(function() {
    $(".panel-group .panel").stop(true, false).animate({ marginTop: "-80px"});  //Trying to get this
    $(".panel").animate({ height: "140px"});
    $(this).stop(true, false).animate({marginTop: "-80px",  height: "140px"});

}, function() {
    $(".panel-group .panel").stop(true, false).animate({ marginTop: "0px"});
    $(".panel").animate({ height: "98px" });
    $(this).stop(true, false).animate({marginTop: "0px",  height: "98px"});
});

Jquery - 无法将嵌套div的选择器设置为动画？

3 个答案: