вызов DOM в аргументе jQuery

Question

Я все еще изучаю jQuery, и я создаю очень простую функцию jQuery, которая использует аргумент, а затем я вызываю divs в аргументе. Однако это не сработает. Я не получаю никаких ошибок в консоли. Вот мой код:

function square(oneDiv) { 
    var divWidth = oneDiv.width(); 
    oneDiv.height(divWidth); 
} 

square($('.art')); 

Любая помощь будет очень признательна.

Answer 1

Пар вещи могут быть идут не так.

1) DOM может не существовать к моменту запуска этого кода. Для этого случая, обернуть вызов функции в $(document).ready, как так, что будет гарантировать, что .art будет существовать при выполнении функции:

function square(oneDiv) { 
    var divWidth = oneDiv.width(); 
    oneDiv.height(divWidth); 
} 

$(document).ready(function() { 
    square($('.art')); 
}); 

2) .art элемент может иметь display: inline стиль. Убедитесь, что это либо display: block, либо display: inline-block. Высота и ширина стилей на встроенных элементах игнорируются.

Пример: http://jsfiddle.net/o3dqzgno/

Answer 2

попробуйте это. Кроме того, убедитесь, что ваш код запроса загружается после элемента с классом = элемент «искусства» загружается в йоте

function square(oneDiv) { 
    var myDiv = $(oneDiv); 
    var divWidth = myDiv.css('width'); 
    myDiv.css('height', divWidth); 
} 

square('.art');