0
我想知道我的同位素元素容器是怎樣處理的。 我嘗試使用同位素優秀腳本(http://isotope.metafizzy.co/docs/filtering.html)實現佈局。響應式佈局。同位素容器高度和其他過濾不一致
這裏是我的html
<nav id="citta">
<ul>
<li><a href="#" data-filters="*">All cities</a></li>
<li><a href="#" data-filters=".rm">Rome</a> </li>
<li><a href="#" data-filters=".to">Torino</a></li>
<li><a href="#" data-filters=".vr">Verona</a></li>
</ul>
</nav>
<div id="elenco">
<article class="rm">
<span><a href="/content-Details" class="detail" data-fancybox-type="iframe"><img src="/images/image.jpg" alt="caption"/></a></span>
<h3>Content example <strong>****</strong></h3>
<span id="localita">Rome - rm</span>
<p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravida et, hendrerit ac, cursus non, massa. Aliquam lorem. In hac habitasse platea dictumst. Cras eu mauris. Quisque lacus. Donec ipsum. Nullam vitae sem at nunc pharetra ultricies. Vivamus elit eros, ullamcorper a, adipiscing sit amet, porttitor ut, nibh. Maecenas adipiscing mollis massa. Nunc ut dui eget nulla venenatis aliquet. Sed luctus posuere justo. Cras vehicula varius turpis. Vivamus eros metus, tristique sit amet, molestie dignissim, malesuada et, urna.</p>
</article>
</div>
</section>
這裏是我的jQuery
$(window).load(function(){
var $container = $('#elenco')
// initialize Isotope
$container.isotope({
// options...
itemSelector : 'article',
resizable: false, // disable normal resizing
layoutMode : 'fitRows',
animationEngine : 'best-available',
// set columnWidth to a percentage of container width
masonry: { columnWidth: $container.width()/5 }
});
// update columnWidth on window resize
$(window).smartresize(function(){
$container.isotope({
// update columnWidth to a percentage of container width
masonry: { columnWidth: $container.width()/5 }
});
});
$('#citta a').click(function(){
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
});
每當加載頁面時,所有元素的Flickr了一會兒,然後,他們將無法看到,因爲容器的高度... 該頁面是在這個地址... http://bit.ly/122qSk5
你會在上面的代碼放在我的jQuery中? 另外'窗口'不應該沒有引號? 我試過但沒有機會使它工作 – Milksamsa
我認爲問題在於它開始預先過濾...試着把'filter:'*''當你實例化並在'$('#citta a') 'remove'href =「#」',而不是把'href =「javascript:void(0);」'。讓我知道! ;) – maestroosram
不...它不會工作,它必須是佈局問題,我想... – Milksamsa