2015-07-20 3 views
0

Я хочу добавить шрифт awesome icon (<i class="icon-sun"></i>) для ввода перед текстом «подписаться».Добавить иконку с помощью jquery

У меня есть

<input type="submit" class="newsletter-submit" value="Subscribe"> 

И я пытаюсь это

$('.quick_newsletter .newsletter .newsletter-submit').val(<i class="icon-sun"></i>.'Subscribe'); 

Но это не работает. И я вижу только «Подписаться» без значка.

Благодаря

+0

шрифта Потрясающих работ в это не распространяется 'value' он должен быть на' class' –

+0

и generelly строка должна быть в кавычках в JavaScript;) – ahmet2106

ответ

1

Просто используйте кнопку вместо этого. Поля ввода не позволяют HTML кода в качестве значения:

<button type="submit" class="newsletter-submit"><i class="icon-sun"></i> Subscribe</button> 
1

У вас есть Jquery ошибка + неправильный .val() используется. Вам необходимо использовать .before() вместо val()

Для I.E.

$('.quick_newsletter .newsletter .newsletter-submit').before('<i class="icon-sun"></i>Subscribe'); 

Если вы все еще хотите использовать Val(), вы можете использовать его как

$('.quick_newsletter .newsletter .newsletter-submit').val('<i class="icon-sun"></i>Subscribe'); 

Для получения дополнительной информации вы можете проверить: http://www.rempixels.com/2015/04/font-icons-submit-input.html

+0

Это может быть полезным: http://www.rempixels.com/2015/04/font-icons-submit-input.html –