Question

正如我所说：Jquery不起作用。这个选择，我做错了什么？虽然它适用于其他参数。这里是mt迷你画廊的代码，它应该放大所选图像并向下移动未选中（适用于单个元素）

$(document).ready(function () {
    $("#content img").click(function () {
        $("#blackb").slideDown("slow");
        $("img", this).animate({
            right: "20%"
        });
        $("img", this).animate({
            top: "20%"
        });
        $("img", this).animate({
            width: 802,
            height: 584
        }, "slow");
        $("#content img").not(this).animate({
            top: "80%"
        }, "slow");
    });
});

HTML部分：

<div id="content">

    <img id="second" src="model.jpg" alt="model" />
    <img id="third" src="model.jpg" alt="model" />
    <img id="fourth" src="model.jpg" alt="model" />
    <img id="first" src="model.jpg" alt="model" />
    </div>
<div id="blackb"></div>

CSS部分：

#content img {
    position: absolute;
    top: 50%;
    right: 50%;
    display: none;
    width: 160px;
    height: 116px;
    border: 2px solid white;
    z-index: 10;
}
#blackb{
    display: none;
    position: absolute;
    top: 0;
    width: 1280px;
    height: 888px;
    background: black;
    opacity: 0.7;
    z-index: 9;
}

Answer 1

$('img', this)正在您单击的图像节点的上下文中查找图像节点。

由于图像不能是图像的子图像，因此没有任何意义。

您可以选择$(this)，也可以将点击结合到更高的位置，然后继续使用this作为上下文。

Jquery不适用于.this

1 个答案: