javascript - 在 mvc4 中使用 javascript 渲染同一页面

Question

我是 mvc4 的新手。我正在使用部分视图。在那个局部视图中，我需要填充原始图像和负图像。第一次，我正在加载原始图像，当我按下切换按钮时，我需要使用负图像更新局部视图，而无需转到控制器。

注意：我从控制器获得了原始图像和负图像。

请帮我怎么办？

Answer 1

如果您同时加载原始图像和负像，我猜负像在不可见的 div 中。因此，您只需切换原始图像和负面图像的可见性。

HTML 代码：

<div id="image-1"><img src="..."></div>
<div id="image-neg-1" class="invisible"><img src="..."></div>
<button id="toggle-1" />

Javascript代码：

document.getElementById("toggle-1").onclick = toggleImage;

function toggleImage() {
    var firstImage = document.getElementById("image-1"),
        vis = firstImage.style.display;

    document.getElementById("image-1").style.display = (vis === "none") ? "block" : "none";   
    document.getElementById("image-neg-1").style.display = (vis === "none") ? "none" : "block";
}