选择后激活内容

Question

您是否能够在选择其他项目时使其他内容处于活动状态或可见状态（类似于Apple iphone网页） - 当您选择iphone 4颜色时，模型版本将变得完全可见并处于活动状态。

Apple iPhone Page 你会如何在jquery中完成这项工作？

Answer 1

您可以将click事件处理程序绑定到一个元素，并在那里做任何你喜欢的事情：

document.getElementById("someElem").onclick = function() {
    document.getElementById("anotherElem").style.display = "block";
}

您可以在上面看到我使用了style属性，该属性可用于更改元素的CSS属性（在这种情况下，我将display属性更改为block - 如果之前为hidden，则会anotherElem变为可见。

在jQuery中执行此操作：

$("#someElem").click(function() {
    $("#anotherElem").show(); //Or use .css to change other CSS properties
});

Answer 2

opacity CSS属性用于“禁用”该元素。 opacity取0到1之间的值 - 选择接近于零的值会导致不太明显的内容。

在JQuery中，您可以通过使用：

来实现此效果

$("$myElement").css("opacity", "0.5");

在苹果页面，通过添加边框（之前不存在的边框）强调效果。