Блог

Главная - Вопросы по программированию - Почему ссылка href не добавляется в html с помощью jquery

Почему ссылка href не добавляется в html с помощью jquery

#javascript #html #jquery

#javascript #HTML #jquery

Вопрос:

Я создаю переменную для ссылки на событие, поскольку пользователь вводит ссылку, я хочу, чтобы она отображалась как гиперссылка в HTML с помощью jquery. Поскольку пользователь может выполнять бесконечный ввод, поэтому вывод ссылки будет на следующей строке.

 var $event_link_selector = $('#event-link');
var event_link = $event_link_selector.val(); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="event-link">Event Link:</label>
<textarea id="event-link"></textarea>

Пример: если пользователь вводит www.example.com перейдя в тестовую область, я хочу, чтобы страница вернула мне эту ссылку и смогла нажать на нее. Это jquery, который я сейчас пытаюсь, но не работает

 //returns me the user input link as string instead of link
"<br> <a class='event-description'>"  event.event_link   "</a>"

//returns none
"<br> <a class='event-description' href='"   event.event_link   "'></a>"

Ответ №1:

Вы не поделились всем своим кодом jQuery… Но уже ясно, что ваши кавычки были неуместны!

 $('#event-link').on('focusout',function(){
  var event_link=$(this).val();
  $(this).parent('.link-container').append('<a class="event-description" href="'   event_link   '">' event_link '</a>');
}); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="link-container">
<label for="event-link">Event Link:</label>
<textarea id="event-link"></textarea>
</div>

Комментарии:

1. Большое вам спасибо, теперь это работает, и мой код становится ‘<br> <a class=»event-link» href=»‘ event.event_link ‘»> ‘ event.event_link ‘</a>’ Я видел случаи, когда я это делалнеправильно, я не отображал ссылку на HTML all all

2. Добро пожаловать! Вы можете установить ее как принятый ответ, если ваша проблема решена..

Метки: