передача параметра в функцию javascript onclick

Question

передача параметра в функцию javascript onclick

0

У меня возникла проблема с получением параметра из функции javascript onClick

title = "as"
$('<li onClick=pushRight('+hello+') class="item"></li>')

и мой консольный журнал напечатает этот Uncaught SyntaxError: Неожиданный токен}

max li 19 дек. 2013, в 09:30

Источник

0

Почему бы вам не настроить обработчик событий jQuery для этого элемента?
fbynite 19 дек. 2013, в 07:33

Теги:

javascript

jquery

3 ответа

3

Не используйте inline js (onlick в html).

См. Причины не использовать встроенные js здесь: https://www.google.com/search?q=Why+is+inline+js+bad%3F

Вот правильный способ с jQuery:

var $myElem = $('<li class="item"></li>');
$myElem.click(function() {
  pushRight('hello');
});

И это довольно легко даже без jQuery:

var myElem = document.createElement('li');
myElem.className = 'item';
myElem.addEventListener('click', function() {
  pushRight('hello');
});

Демо-версия здесь: http://jsbin.com/uDURojOY/1/edit

m59 19 дек. 2013, в 06:33

0

Попробуйте так:

hello = 'anything';
$('<li onClick=pushRight("'+hello+'") class="item"></li>')

Ankit Tyagi 19 дек. 2013, в 04:47

Ещё вопросы

Почему бы вам не настроить обработчик событий jQuery для этого элемента?

Subin Jacob · Accepted Answer · 2013-12-19T05-19-00.000Z

title = "as"
$('<li onClick="pushRight("'+hello+'")" class="item"></li>')

См. Добавленные двойные кавычки. "'+hello+'" Также двойные кавычки над вашей функцией pushRight.

Ваш код не будет работать, поскольку он отображает неверный html, как показано ниже.

<li onClick=pushRight(as) class="item"></li>

Смотрите, не было никаких кавычек до и после pushRight, также до и после строки "sa". Знайте ошибку и исправьте. Использование inline js с html не рекомендуется. Необходимо связать события в этих сценариях.