Добавление содержимого в зависимости от высоты содержимого

Итак, я знаю, что я делаю это неправильно, но я застрял, поэтому решил, что вы, ребята, можете мне помочь. Поэтому идея состоит в том, что у меня есть два контейнера. Один из них предназначен только для контента, который меньше определенной высоты, а другой для контента, который больше определенной высоты. Так вот основной набросок кода, который не будет работать, чтобы дать вам основную идею:Добавление содержимого в зависимости от высоты содержимого

$('#content').each(function(){ 
if($(this).height()>120){ 
    $('#container2').append('the content'); 
}; 
else{ 
    $('#container').append('the content'); 
}; 
});

Вот является jsfiddle, который показывает, что результат этого должен выглядеть следующим образом: http://jsfiddle.net/3TxR9/1/

редактировать 1: id содержимое обертывает большое количество контента, что является разницей, поэтому я хочу иметь разные контейнеры для разных высот. Таким образом, «контент» будет конкретным контентом внутри содержимого идентификатора таким образом, каждая часть контента будет оценена так, чтобы он попал в правильный контейнер. И jsfiddle, с которым я связан, НЕ является правильной кодировкой, это просто показать, что должно произойти, когда применяется правильный jquery.

источник

2013-03-22 Ryan Saxe

'$ ('# содержание') каждая (функция() {' не имеет смысла, если вы не имеете более одного элемента с идентификатором 'content', строго запрещено. –

Почему у вас есть полуколоны, разделяющие ваше утверждение if/else, которое сломает что-нибудь, и один взгляд на ваш jsFiddle отображает несколько экземпляров содержимого id = "... ... вы хотите' class = "content" , так как 'id' является уникальным атрибутом – PlantTheIdea

Что должно быть« содержимым », которое вы добавляете для каждого элемента' # content'? –

Я думаю, что вы просто делаете вещи немного сложнее на себе, чем вам нужно, поскольку .height() in jQuery даст вы вычисляете высоту любого элемента, который хотите.

Затем, когда вы работаете с вашими элементами, вы можете использовать .height() для сортируемого элемента и, если он превышает определенную высоту, добавьте его в один квадрат, а если нет, добавьте его в другой.

источник

2013-03-22 19:14:11 BrianHall

Я набрал ширину, но я хотел набрать высоту. Так почему бы мне не работать для меня, если у меня вообще есть то, что у меня есть, если это единственное, что нужно было бы изменить, поскольку это была просто опечатка? –

Ну, попробуйте это с одной стороны, чтобы начать с - убить каждую() функцию и просто запустить if на одном отдельном поле. Кроме того, попробуйте распечатать/зарегистрировать результат функции height(), как если бы этот предмет не был загружен или не был видимым, он не может сообщить высоту, которая, по вашему мнению, должна. Если он сообщает 0 высоту, и вы думаете, что это не так, он сделает это, если не загружен, и это решение будет здесь: http://stackoverflow.com/questions/3761061/get-height-of-image-inside -a-hidden-div – BrianHall

Эй, все хорошо работает с этим, но проблема, о которой вы говорили, может возникнуть, и предоставленное решение не закончилось работой –

$(document).ready(function(){ 
    $(".content").each(function(){ 
     if($(this).height() > 100) 
     { 
      $(this).appendTo("#container"); 
      $(this).show(); 
     } else { 
      $(this).appendTo("#container2"); 
      $(this).show(); 
     } 
    }); 
});

Демо: http://jsfiddle.net/calder12/3TxR9/4/

источник

2013-03-22 19:27:29

Добавление содержимого в зависимости от высоты содержимого

ответ

Смежные вопросы