2016-12-27 6 views
0

Итак, у меня есть этот код HTML-кода из мобильного приложения, которое я пытаюсь написать (с помощью Intel XDK), см. Код ниже. Обратите внимание, пожалуйста, игнорируйте жаргон класса div из рамки, которую я использую.Текст из поля ввода HTML выполняется через функцию jquery?

HTML

В основном то, что я пытаюсь сделать, это ввести текст в текстовом поле, и по щелчку, возьмите входной текст, запустить его с помощью функции JQuery, что затем печатает текст ввода в круге , См. JQuery ниже.

Jquery

Функция, которая деформирует текст в окружности с Jquery аддон под названием lettering.js. У меня есть надпись правильно настроена, и она работает так, как должна. Однако текст из текстового поля бесполезен. Я могу ввести текст в текстовое поле и нажать кнопку, но по щелчку он запускает сценарий jquery в тексте, который у меня есть в тегах h1.

И я полностью понимаю, что именно так я его и установил. В основном я это делал, чтобы продемонстрировать, что работает lettering.js. Но я хочу знать, как заменить текст между тегами h1 текстом из поля ввода при щелчке, а затем выполнить этот пробег через функцию надписи. Или еще лучше, как я могу взять текст в поле ввода и запустить функцию надписи с этим значением текстового поля? Таким образом, исключается необходимость вставлять входной текст в теги h1, а затем запускать функцию.

Любая помощь будет отличной. Я действительно не знаю много jquery или javascript, поэтому я, вероятно, пропущу что-то смехотворное.

+3

пожалуйста, напишите код вместо предоставления скриншот – GraveyardQueen

+1

'$ (» the_header "). text ($ (" # tokenMessage "). val())' –

+0

Никто не может копировать изображения формы кода, если они хотят помочь вам. Вот почему вы публикуете фактический код в соответствии с [mcve] – charlietfl

ответ

0
$(".displayed h1").text($("#tokenMessage").val()); 

Это, но текст из поля ввода, имеющего ид tokenMessage и положить в в h1 тег, который находится в DIV, имеющего класс displayed

+0

Спасибо! Это решило это отлично! –