동위 원소 컨테이너 작업을하고 있었고 콘텐츠에 동적 인 높이를 유지하는 데 약간의 어려움이있었습니다.내용물과 함께 동위 원소의 높이가 변하지 않습니다.
reLayout
과 같은 컨테이너에 옵션을 추가했지만 실제로 크기를 조정할 수는 없습니다.
컨테이너에 높이 스타일이 주입되어 있음을 알았지 만, 내 비디오에 높이가 표시되어 높이를 설정할 수있는 유일한 방법은 높이를 설정하는 것입니다. 동위 원소 내의 div (col_1
) 중 하나에서 컨테이너는 그 높이가 주입되지만 다른 탭에서는 크기가 조정되지 않습니다. 필자는 어제 css로 하루 종일 야성적으로 시험해 보았지만이 문제를 해결하기는 어려웠다.
는 Heress 내 문제의 징 비디오 :이 웹 사이트입니다 http://www.screencast.com/t/Zq1giEtdt
: 또한 http://daniloportal.com/NPC/howitworks.html
, 여기의 싹둑 내 동위 원소 JS
//Isotope sorting
var $container = $('.projects');
$container.isotope({
filter: '.sort_category1',
resizesContainer: true,
resizable: true,
});
$('.projects').isotope('reLayout')
var $optionSets = $('#options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function(){
var $this = $(this);
// don't proceed if already selected
if ($this.hasClass('selected')) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
// make option object dynamically, i.e. { filter: '.my-filter-class' }
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
// parse 'false' as false boolean
value = value === 'false' ? false : value;
options[ key ] = value;
if (key === 'layoutMode' && typeof changeLayoutMode === 'function') {
// changes in layout modes need extra logic
changeLayoutMode($this, options)
} else {
// otherwise, apply new options
$container.isotope(options);
}
return false;
});
});
감사합니다. 감사합니다. interwebs!