Question

我在tumblr主题上使用同位素，但我的帖子（同位素项） - 在永久链接页面上 - 在加载更多音符后不会增加其高度。单击链接后会动态插入这些注释。我通过调用.isotope('reLayout');找到了一个可能的解决方案，但似乎我无法让它工作。它将加载新的音符，但它们被容器切断，根本不会增加高度。

我尝试使用“显示更多备注”链接上的点击事件来执行此操作，但该链接已经在点击时执行了内联JavaScript。如何通过点击“显示更多备注”链接让同位素项目增加其高度（通过执行.isotope('reLayout');）？

这是默认的tumblr代码：

<li class="note more_notes_link_container" style="text-align:center;" id="more_notes_59995759535">
            <a class="more_notes_link" rel="nofollow" href="#" onclick="this.style.display='none';document.getElementById('notes_loading_59995759535').style.display = 'block';if(window.ActiveXObject)var tumblrReq=new ActiveXObject('Microsoft.XMLHTTP');else if(window.XMLHttpRequest)var tumblrReq=new XMLHttpRequest();else return false;tumblrReq.onreadystatechange=function(){if(tumblrReq.readyState==4){var notes_html=tumblrReq.responseText.split('<!-- START '+'NOTES -->')[1].split('<!-- END '+'NOTES -->')[0];
if(window.tumblrNotesLoaded)if(tumblrNotesLoaded(notes_html)==false)return;var more_notes_link=document.getElementById('more_notes_59995759535');var notes=more_notes_link.parentNode;notes.removeChild(more_notes_link);notes.innerHTML+=notes_html;if(window.tumblrNotesInserted)tumblrNotesInserted(notes_html);}};tumblrReq.open('GET','/notes/59995759535/YbpaUsPSt?from_c=1378154277',true);tumblrReq.send();return false;">Show more notes</a><span class="notes_loading" id="notes_loading_59995759535" style="display:none;">Loading...</span>
        </li>

Answer 1

我有一个小提琴..

if ($(this).hasClass('selected'))

<强> JSFIDDLE DEMO

希望这有助于你

好的，我有一个链接给你。只需通过它可能有帮助link

同位素元素动态高度

1 个答案: