Question

我需要一些帮助。我试图在javascript中创建一个条件来显示一个div并且对象被调整大小并且具有我需要的宽度和高度。

这是我的代码

HTML

<img id="image1" src="img/object1" width="107" height="30">
<img id="image2" src="img/onject1" width="107" height="240">

的Javascript

$("#image2").hide();
$( "#image1" ).resizable({ maxHeight: 240 , maxWidth : 107 , minWidth: 107});

所以我需要像这样的事情

$('#image1').click(function(){

if $('#image1') have height 240 and width 107
show $('#image2')

);

但我不知道如何写这个条件。请帮帮我。

当image1调整为高度240和宽度107时，是否有可能自动显示image2？

由于

抱歉我的英语不好。

Answer 1

if($('#image1').width() == 107 && $('#image1').height() == 240){
  $('#image2').show()
}

如果使用想要在调整大小时使用event-resize

自动显示

$( "#image1" ).resizable({ 
     maxHeight: 240 , 
     maxWidth : 107 , 
     minWidth: 107,
     resize: function (event, ui){
      if($('#image1').width() == 107 && $('#image1').height() == 240){
        $('#image2').show()
       }
    }
});

Answer 2

条件是：

if ($('#image1').height() == 240 && $('#image1').width() == 107) {

    $('#image2').show();

}

Answer 3

希望它会帮助你

$('#image1').on('click',function(){

   if($('#image1').width() == 107 && $('#image1').height() == 240) {

      $('#image2').show()
   }

);

如果图像大小javascript条件是ok显示div

3 个答案: