Перемещение IMG элемента вверх по йоту для нескольких сообщений в блоге

Question

Привета Я хотел бы сделать следующее:

настоящего время я использую бизнес-катализатор в моей структуре. У них есть модуль блога, который не дает никакой настройки, с точки зрения списков блога. У них есть тег предварительного просмотра, который просматривает сообщения в блоге, и я только показал, что он отображает первое изображение, которое появляется в сообщении, и ничего больше.

По умолчанию, если я поставил изображение в верхней части сообщения в блоге, BC будет отображать только фотографию. Если я не стану фотографировать, BC покажет половину сообщения в блоге - что глупо. Независимо от того, какое обстоятельство я просто хочу, чтобы первая сделанная фотография.

Это должно произойти до того, как БК представит сообщение.

Как я могу это достичь?

Это раньше:

<div class="blog1"><p>text</p><img src="#"></div> 

Это после того, как:

<div class="blog1"><img src="#"><p>text</p></div> 

Answer 1

Единственный способ сделать это действительно, прежде чем он делает это справиться с этим на стороне сервера. Если у вас нет доступа к этому вы можете поместить правило стиля в вашем заголовке:

<style> 
    .blog1{ 
     display: none; 
    } 
</style> 

, а затем сделать функцию JS, чтобы сделать это так, как вы хотите, и затем отобразить его:

(function($, window){ 
    function moveImages(){ 
     var $blogs = $('.blog1'); 

     $blogs.each(function(){ 
      var $this = $(this); 
      var $img = $this.find('img:first'); 

      $this.append($img); 

     }); 
    } 

    $(window).on('load', moveImages); 
})(jQuery, window);