Отделить элемент формы с помощью 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

Другие вопросы по тегам