Question

我有3X3箱,现在我有这样的箱子,即当你在一片广场上 h时,背景就变成了蓝色,然后当你把箱子 h回空。我也这样认为,当任何箱子被点击时,就会出现一个形象。我现在要完成的是,这样,当盒子被点击时,图像就会出现,当同一个盒子被点击时,图像就会消失,因此,将使用Jquery。

在这方面,我已经:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    <script type="text/javascript">

        $(function () {
            $( .divs ).hover(function () {
                $(this).css("background-color", "#0000EE");
                console.log( hover );

            }, function () {
                $(this).css("background-color", "");
                console.log( hoverout );
            });

            $( .divs ).click(function () {
                $(this).prepend("<img class= divimg  src=http://upload.wikimedia.org/wikipedia/commons/thumb/0/08/SMirC-cool.svg/320px-SMirC-cool.svg.png>");
                console.log( divclicked );
            });
        });

“我目前的页面看像”/

Answer 1

如果有图像,就进行公正的检查

var $img = $("img", this);
if ($img.length > 0)
    $img.remove();
else
    $(this).prepend("<img class= divimg  src=http://upload.wikimedia.org/wikipedia/commons/thumb/0/08/SMirC-cool.svg/320px-SMirC-cool.svg.png>");

如果你不想去掉形象,那么你就只想 visibility看可见度。

var $img = $("img", this);
if ($img.length > 0) {
    $img.toggle();
} else {
    $(this).prepend("<img class= divimg  src=http://upload.wikimedia.org/wikipedia/commons/thumb/0/08/SMirC-cool.svg/320px-SMirC-cool.svg.png>");

}

Answer 2

您是否曾尝试过j Query().hide()和j Query()。

Answer 3

另一种选择是使用CSS:hover属性。

.divs:hover {
    background-color: #0000ee;
}

关于点击问题,请在<条码>div上添加图像,并利用j Query乞讨。

<><>超文本:

<div class="divs"><img src="..." alt=""></div>

Java:

$( .divs ).click(function () {
    $(this).children("img").toggle();
});

Answer 4

询问你点击功能中的以下代码:

if($( img.divimg ).length == 0){
  $( img.divimg ).fadeOut(function(){
    $(this).remove()
  });
}else{
  $(this).prepend("<img class= divimg  style= display:none;  src=http://upload.wikimedia.org/wikipedia/commons/thumb/0/08/SMirC-cool.svg/320px-SMirC-cool.svg.png>").fadeIn();
}

另一种选择是(在被点击时)就添加的形象采取行动。

var img = $( <img> )
            .attr( src ,  http://upload.wikimedia.org/wikipedia/commons/thumb/0/08/SMirC-cool.svg/320px-SMirC-cool.svg.png )
            .addClass( divimg )
            .css( display ,  none )
            .bind( click , function(){
                $(this).remove();
            });
$(this).prepend(img);

友情链接