JQuery .wrap() без рефокуса: как?

Question

[Валерий Кириченко]

Нужно обернуть поле ввода дивом, но после выполнения .wrap() фокусировка в поле ввода теряется. Можно было бы делать .focus(), но он не работает на мобильных устройствах (iPad в частности)/ Как быть?

<input type="text">

<script>
    $("input").one("keypress", function(){
        $(this).wrap("<div></div>");
    })
</script>

Comments

[Сергей Протько]

Может вы ищите решение для проблемы, которую сами и придумали? Опишите задачу подробнее, и возможно вам предложат решение без этих извращений с оборачиваниями.

[Валерий Кириченко]

Нужно при начале ввода прикрепить к полю ввода кнопку (Bootstrap), при том сначала ее нужно обернуть в контейнер, а если это сделать перед добавлением кнопки, то поле ввода будет коряво отображаться.

[Vampiro]

может запихнуть эту кнопку туда сразу, а при вводе просто показывать?

[Валерий Кириченко]

Если ее скрыть, то это равноценно тому, что ее нет

[Max Diachenko]

@valera5505 Вы не правы. Визуально -- да, ее нет, но при это манипуляций с DOM'ом будет минимум, и .show() не унесет фокус из инпута

[Валерий Кириченко]

Я проверял этот вариант) В бутстрапе так построено, что черт поймешь почему так работает, но без _отображающейся_ кнопки текстовое поле приобретает ужасающий вид

Answer 1

[personaljs]

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