2013-09-03 4 views
0

Я использую изотоп на моей теме 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> 

ответ

0

У меня есть скрипка для вас ..

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

JSFIDDLE DEMO

Надеется, что это помогает вам

OK У меня есть ссылка для вас .. Просто пройдите, может быть, это поможет link

+0

Цените быстрый ответ. Я забыл упомянуть, что я javascript/jquery noob, и я не вижу, как это может решить мою проблему. Если бы вы могли, пожалуйста, дайте мне еще несколько указаний о том, как я буду применять это в своей теме tumblr. Я думаю, что встроенный javascript, который tumblr добавляет по умолчанию на ссылку «загрузить больше заметок», не позволяет мне запускать какой-либо другой javascript в одно и то же событие click по этой ссылке. – Jake

+0

@ user1145009 Просто взгляните на мой обновленный ответ со ссылкой –

+0

Спасибо, но я думаю, что это не проблема с изотопом, но с tumblr/javascript здесь. Встроенный javascript в событии onclick предотвращает выполнение любого другого javascript. Я попытался вызвать предупреждение, но даже это не сработало. '$ ('. more_notes_link'). click() {alert ('success')};' Так что я думаю, что я ищу решение для выполнения функции reLayout изотопа * дополнительно * для встроенного javascript по умолчанию на том же click event ... – Jake

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