图像未出现在JQuery脚本中

Question

我很难让一个已经写在身体里的图像显示出来。具体的镜像是<img src="Images/Attachments/Shining.gif">

不太确定脚本是否需要修改，或者我是否必须将其放在自己的类中。当我尝试添加时，图片出现在两封邮件中，而不是我写的那封。我是用Twine，Sugarcube btw来编码的！

<div class="header">
    <div class="hamburgerWrapper">
        <div class="hamburger">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
</div>

<div class="EmailsWrapper">
    <div class="ExtendMsg">
        <p>Extended Messages will be placed under here.</p>
    </div>
</div>

<div class="Email">
    <div class="ImgWrapper">
        <img src="Images/Phone Icons/User.png>
        </div>
        <div class=" EmailTitle">
        <p class="EmailTime">9:31 PM</p>
        <h1>Sender</h1>
        <h2>Subject Title</h2>
        <p class="EmailPreview">Email content to be filled out here.</p>
    </div>
</div>

<div class="Email">
    <div class="ImgWrapper">
        <img src="Images/Phone Icons/User2.png">
    </div>
    <div class="EmailTitle">
        <p class="EmailTime">9:29 PM</p>
        <h1>Sender2</h1>
        <h2>Subject Title</h2>
        <p class="EmailPreview">Here is a gif for your memeing pleasure. <img src="Images/Attachments/Shining.gif"></p>
    </div>
</div>

<<done>>
    <<script>>
        $(".Email").on("click", function() {
        $(this).addClass("active");
        $(".Email").not(".active").addClass("deactive");
        $(".ExtendMsg").addClass("active");
        $(".ExtendMsg").html($('
        <div />').html($(".EmailPreview", this).text()));
        $(".headerLabel h1").text("MESSAGES");
        });
        $(".hamburgerWrapper").on("click", function() {
        $(".Email.active").removeClass("active");
        $(".Email.deactive").removeClass("deactive");
        $(".ExtendMsg").removeClass("active");
        $(".headerLabel h1").text("MESSAGES");
        });
    <</script>> 
<</done>>   

Answer 1

我不完全确定你想要达到什么目的。但我猜你想要显示和图像，当你点击上面的东西的时候？

如果是这样的话，类就不能在Javascript中处理这类作业了。如果您将图像分配给一个类属性background- image : url("heregoesyourimages.png")，您可能会这样做，但是有更好的方法来处理这种行为。

如果您必须使用JQuery，您可以简单地使用方法："Show“或"Hide”，它将在元素内部和外部显示：

首先，为要切换的元素指定一个标识符(class或id)：

<div class="ImgWrapper">
    <img class="User2Image" src="Images/Phone Icons/User2.png">
</div>

然后，使用$(".User2Image").Hide()；方法来使图像出现或消失(这实际上是将属性Display:none添加到元素(如果我错了，请纠正我，因为我使用JQuery已经有一段时间了)或$(".User2Image").Show()；来重新显示图像。