Показать сообщение отдельно
  #1 (permalink)  
Старый 28.09.2017, 21:48
Аватар для MC-XOBAHCK
Профессор
Отправить личное сообщение для MC-XOBAHCK Посмотреть профиль Найти все сообщения от MC-XOBAHCK
 
Регистрация: 06.08.2017
Сообщений: 427

Как поменять местами
Здравствуйте!
Есть две радио кнопки "Слева" и "Справа". При клике на кнопки должно переставляться изображение слева или справа относительно текста.
Подскажите, можно как это безболезненно реализовать. Текст приходит из другого импута через .keyup и может меняться в любой момент. Изображение так же может изменяться через .click
Со вставкой текста и изображения у меня проблем нет, а вот как сделать переключатель чтобы изображение ставить справа или слева относительно текста у меня проблема.
Вот макет:
<!-- Место где нужно переставлять местами  -->
<div id="positMansard">
 <img src=" "> <span id="krMod">Текст</span>
</div>
<!-- Переключатель позиции -->
<div class="btn-group" data-toggle="buttons">
  <label class="btn active"><input type="radio" name="position" value="1" checked>Слева</label>
  <label class="btn"><input type="radio" name="position" value="2">Справа</label>
</div>

Изначально я добавил перед изображением ещё один пустой span с id="krMod1", а в spane по умолчанию изменил на krMod2
И начал писать скрипт:
$(function() {
    var position = $('input[name="position"]');

    position.change(function(event) {
        var imgPos = $(this).val();
        if(imgPos == 2) {
            $("#krMod1").replaceAll($("#krMod2"));
        } else $("#krMod1").replaceWith($("#krMod2"));
       //console.log(imgPos);
    });
});

Но понимаю что что то не то я делаю. Вот пришёл на форум за советами и подсказками.

Последний раз редактировалось MC-XOBAHCK, 28.09.2017 в 21:51.
Ответить с цитированием