Форум

TomTykver · #1 (**permalink**) 14.04.2016, 21:14

Подскажите, пожалуйста: у меня есть кнопка, которую я динамически добавляю на форму

kn = '<button onClick="respUser( ' + prods + ' )">Да</button>';

Тип переменной prods - объект. При попытке передать prods в функцию respUser в качестве параметра получаю ошибку: SyntaxError: Unexpected identifier. В чем причина ?

рони · #2 (**permalink**) 14.04.2016, 21:53

TomTykver,

kn = '<button onClick="respUser(prods)">Да</button>';

TomTykver · #3 (**permalink**) 14.04.2016, 22:06

Получаю ошибку: prods is not defined
Перед инициализацией kn ставлю console.log( prods ); - все ОК

TomTykver · #4 (**permalink**) 14.04.2016, 22:16

typeof prods - object

рони · #5 (**permalink**) 14.04.2016, 22:16

TomTykver,
значит там где запускается клик невидно эту переменную.
может не использовать атрибут onClick проще будет?

TomTykver · #6 (**permalink**) 14.04.2016, 22:26

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

TomTykver · #7 (**permalink**) 14.04.2016, 22:26

:-) подход

рони · #8 (**permalink**) 14.04.2016, 22:40

TomTykver,вам же написали не используйте атрибут для назначения функции обработки события click и не нужны будут глобальные переменные.

TomTykver · #9 (**permalink**) 15.04.2016, 07:22

вроде разобрался: утро вечера мудрее. Спасибо, рони.

рони · #10 (**permalink**) 15.04.2016, 07:57

TomTykver,
на всякий случай, раз вы задали вопрос в разделе jquery

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
</style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
   <script>
   $(function() {
      var prods = {
          a: 1
      };

      function respUser(a) {
          alert(a.a);
      }
      var kn = $("<button/>", {
          text: "Да",
          click: function() {
              respUser(prods)
          }
      });
      $("body").append(kn)
  })
  </script>
</head>

<body>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript