Отделить элемент формы с помощью jquery, но сохранить текст
Я делаю эффект стиля при наведении, чтобы получить доступ к полю формы и текстовой подсказке для зрителя Википедии, и пока все работает отлично, но есть большая разница между хорошим и счастливым.
При наведении на лунку увеличивается, чтобы открыть поле формы, но когда мышь уходит и поле сворачивается, текст внутри исчезает, есть ли способ сохранить введенный текст?
var toggler = true;
var wellToggle = function(){
$("#well").toggleClass("toggleMe")
if (toggler === true){
$("#magniText").append('<input class="formstyle" type="text" name="wikiFind" placeholder="***">') //if true adds input form field for user
$("#jiggyText").text("Random Article")
toggler = false;
} else {
$("input").detach() //removes user input here, unable to find another solution that retains user text input
$("#jiggyText").text("")
toggler = true
}
};
$("#well").hover(wellToggle, wellToggle);
я знаю .remove()
стирает элемент полностью, но я надеялся .detach()
сохранил бы текст, но кажется, что он хранит только данные, я надеюсь получить пользовательский ввод, который заменяет подсказку *** для сохранения .detach()
,
Самое близкое, что я мог найти для решения, было то, что проверяет текст и заменяет только в его отсутствие, но мне нужно сохранить текст.
Вот ссылка на мой код
1 ответ
Почему бы не сохранить текст во входных данных перед его удалением, а затем установить текст входных данных на
var toggler = true;
var inputText ='';
var wellToggle = function(){
$("#well").toggleClass("toggleMe")
if (toggler === true){
$("#magniText").append('<input class="formstyle" type="text" name="wikiFind" placeholder="***">')
$("#jiggyText").text("Random Article")
$("input").val(inputText);
toggler = false;
} else {
inputText = $("input").val()
$("input").detach()
$("#jiggyText").text("")
toggler = true
}
};
$("#well").hover(wellToggle, wellToggle);
вот код для вставки бина http://jsbin.com/vozuheduti/edit?html,js,output