Предположим, у меня есть этот HTML-код (ниже), и его нельзя изменить.
На мобильном устройстве я хочу переместить элемент BottomExcerpt и разместить его под небольшими гиперссылками и перед изображением. Таким образом, по сути, нижнийExcerpt будет средним элементом между smallhyperlinks и картинкой.
Но по какой-то причине на мобильных устройствах нижнийExcerpt перемещается под изображение, но оно должно перемещаться под небольшими гиперссылками. Последним элементом должно быть изображение, а не BottomExcerpt.
Как переместить дочерний элемент из одного родительского элемента и переместить его под другой родительский элемент? При использовании jQuery у меня возникли проблемы с перемещением дочернего элемента BottomExcerpt из родительской оболочки в родительскую обертку WrapperTwo.
На мобильных устройствах, что это такое в настоящее время отображается как: smallhyperlinks -> image -> BottomExcerpt
Но должно отображаться как: smallhyperlinks -> BottomExcerpt< /code> -> картинка
Ниже я поделился своим JS-кодом. Я что-то упустил в коде?
JS
$(window).resize(function () {
if ($(window).width() < 580) {
$('.wrapperTwo .picture').insertAfter('.wrapperTwo .smallhyperlinks');
$('.smallhyperlinks h2').removeClass('hidden');
if ($('.wrapper .bottomExcerpt').length > 0) {
$('.wrapper .bottomExcerpt').insertAfter('.wrapperTwo .smallhyperlinks');
}
}
else
{
$('.wrapperTwo .smallhyperlinks').insertAfter('.wrapperTwo .picture');
$('.smallhyperlinks h2').addClass('hidden');
}
});
HTML
HTML links are hyperlinks. You can click on a link and jump to another document.
H2 Text
Подробнее здесь: https://stackoverflow.com/questions/790 ... t-to-anoth
