Question

基本上,甚至在被点击之后,我就想进行 h工作,但我把.26和27打到了不实的背景。首先,当被点击时,由于我重新把它推回违约状态,就不再工作。

是否有更好的办法? 如果我不把其他图像放在其违约位置上,那么所有这些图像都将被点击。

Working sample: http://jsfiddle.net/louiemiranda/RkM3t/

The jquery Code:

$(".image22").bind("click", function(event){
    $(this).css("background-position", "0 100%");
    $( #package22 ).attr("checked", "checked");
    $( .image26 ).css("background-position", "0 0");
    $( .image27 ).css("background-position", "0 0");
    var cashcredit = $( #package22 ).val();
    $( #fyi ).html(cashcredit);
});

$(".image22").bind("mouseenter mouseleave", function(event){
    $(this).toggleClass("image22-selected");
});

感谢任何帮助。感谢!

Answer 1

你们的法典很多,但我认为这是你们想要的吗? http://jsfiddle.net/locrizak/LqWxt/

Answer 2

页: 1 (a) 期望通过乞讨方式改变的财产:image22-s selected等级;css property is used as inline作案,从而获得相对于阶级规则的优先权。

您可以删除<条码>背后位置,在组别之前将财产入账。这样,就不会有条理。

然而,我认为,实现这一点的更明智的方法是使用另一个类别的名称,例如<代码>image22-hover,并按这一顺序界定规则:

image22 {
    background-image: url(your-image-22);
    background-position: 0 0;
}

image22-hover {
    background-position: move to a grey version of the image.
}

image22-selected {
    background-position: move to a selected version of the image.
}

image22-selected.image22-hover {
    background-position: move to a grey-selected version of the image.
}

Note that chained CSS classes selectors (the last selector) don t work in IE6: http://www.ryanbrill.com/archives/multiple-classes-in-ie/

友情链接