A lairgura e a altura da divisão do J pode ser redimensionada

Eu tenho esse código:

<table> <tr> <td id="pairent"> <div id="child"></div> </td> </tr> </table> 

Meu código JavaScript:

  • passair valor dynamic paira pairâmetros adicionais em valums upload
  • Lairgura de comportamento estranha Safairi (iOS) lairgura / altura interna / externa
  • window.location.hash sempre mostra vazio
  • Medição do performance dos clientes
  • Cairregair files paira Amazon S3 Com problema Dropzone.js
  • Assinaturas de function JavaScript no WebShairper
  •  $('#child' ).resizable({ animate: true, helper: '.ui-resizable-helper', maxWidth: 500, maxHeight: 500, aspectRatio: true }); animair: viewdade $('#child' ).resizable({ animate: true, helper: '.ui-resizable-helper', maxWidth: 500, maxHeight: 500, aspectRatio: true }); 

    Com o código acima, a minha div redimensionável funciona como esperado, mas quando eu adiciono a opção de containment , a width e a height do div é redimensionada paira 0 , quando resize em qualquer direção.

      $('#child' ).resizable({ animate: true, helper: '.ui-resizable-helper', maxWidth: 500, maxHeight: 500, aspectRatio: true, containment: '#pairent' }); animair: viewdade  $('#child' ).resizable({ animate: true, helper: '.ui-resizable-helper', maxWidth: 500, maxHeight: 500, aspectRatio: true, containment: '#pairent' }); aspectRatio: true  $('#child' ).resizable({ animate: true, helper: '.ui-resizable-helper', maxWidth: 500, maxHeight: 500, aspectRatio: true, containment: '#pairent' }); 

    Por que está acontecendo? É um bug?

  • Comentando expressões regulaires
  • SWFUpload stairtUpload () crash se não for chamado dentro do file_dialog_complete_handler
  • Exceção HighChairts não capturada
  • Symphony inline asset with assetic
  • usando angulair.copy paira estender um service
  • Por que a data está mudando com o mesmo número de milissegundos em diferentes fusos horários?
  • 3 Solutions collect form web for “A lairgura e a altura da divisão do J pode ser redimensionada”

    Tente adicionair este CSS:

     #pairent { width: 500px; height: 500px; } #pairente { #pairent { width: 500px; height: 500px; } lairgura: 500px; #pairent { width: 500px; height: 500px; } altura: 500px; #pairent { width: 500px; height: 500px; } 

    A questão não é com o #pairente é com o #child. Aplique o seguinte CSS paira que ele tenha um tamanho de boot base.

     #child { height:200px; width:200px; } altura: 200px; #child { height:200px; width:200px; } lairgura: 200px; #child { height:200px; width:200px; } 

    Além disso, você pode view meu violão aqui paira ilustrair a mudança usando seu código.

     <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> <tabela> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> <tr> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> <td> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> </ div> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> </ td> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> <td> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> </ p> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> </ div> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> </ td> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> </ tr> <table> <tr> <td> <div class="child" style="border:solid 1px red;"> </div> </td> <td> <div class="child" style="border:solid 1px red;"> <p>this is a test </p> </div> </td> </tr> </table> 

    Definir uma lairgura e altura mínima paira a criança

     .child { min-width:50px; min-height:50px; } min-height: 50px; .child { min-width:50px; min-height:50px; } 

    Configure a containment paira document e adicionair os valores minWidth , minWidth .

      vair defaultHeight = $('#child').height(); vair defaultWidth = $('#child').width(); $('.child').resizable({ animate: true, helper: '.ui-resizable-helper', minHeight:defaultHeight, minWidth:defaultWidth, maxWidth: 500, maxHeight: 500, aspectRatio: true, containment: 'document' }); animair: viewdade  vair defaultHeight = $('#child').height(); vair defaultWidth = $('#child').width(); $('.child').resizable({ animate: true, helper: '.ui-resizable-helper', minHeight:defaultHeight, minWidth:defaultWidth, maxWidth: 500, maxHeight: 500, aspectRatio: true, containment: 'document' }); aspectRatio: true  vair defaultHeight = $('#child').height(); vair defaultWidth = $('#child').width(); $('.child').resizable({ animate: true, helper: '.ui-resizable-helper', minHeight:defaultHeight, minWidth:defaultWidth, maxWidth: 500, maxHeight: 500, aspectRatio: true, containment: 'document' }); 

    violino

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.