Как привязать ссылку к кнопке в javascript
Я использую веб-сайт WordPress и пытаюсь прикрепить URL-адрес к кнопке с помощью JavaScript. Я написал для этого функцию. Моя функция выглядит следующим образом.
<div class = "the_course_button" data-id = "3565"><div class = "course_button full button"><a href = "https://gutsycreatives.com/course/writing-game-gala/?renew">TAKE THIS COURSE</a></div></div>
jQuery(document).ready(function ($) {
$('#3565').each(function() {
var link = $(this).html();
$(this).contents().wrap('<a href = "https://gutsycreatives.com/product/writing-game-gala/"></a>');
});
});
Я передал свой идентификатор данных «# 3565» для вызова функции. Теперь я ничего не получаю
Что я здесь сделал не так?
Я ценю помощь большое спасибо.
вы используете jquery и, вероятно, вы его не включили.
ваш селектор неверен - у вас нет ничего с идентификатором 3565 (также идентификаторы должны быть уникальными, поэтому нет смысла делать это .each), но ваша ошибка указывает на то, что у вас не загружен jquery
@VishalSharma Да, я хочу, чтобы URL-адрес открывался после нажатия кнопки
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Этот синтаксис, который вы используете, взят из JQuery, поэтому ошибка, которую вы получаете, вероятно, связана с тем, что вы неправильно связали ее.
Если вы хотите использовать JavaScript Для этого используйте document.getElementById("3565")
Вам нужно будет изменить больше вещей, если вы хотите использовать JavScript, но если вам нужно использовать JQuery, вы должны посмотреть эту ссылку https://www.w3schools.com/jquery/jquery_get_started.asp
Я думаю, вы должны четко указать, в какой среде вы получаете эту ошибку. Поскольку я вижу ваш тег «wordpress», я предполагаю, что вы получаете ошибку в wordpress. Если да, прочтите эту ссылку: $ не является функцией - ошибка jQuery Ваш код должен быть обернут следующим образом:
jQuery(document).ready(function ($) {
$('#3565').each(function() {
var link = $(this).html();
$(this).contents().wrap('<a href = "https://gutsycreatives.com/product/writing-game-gala/"></a>');
});
});
Вы хотите, чтобы URL-адрес открывался после нажатия кнопки?