2016-03-17 3 views
-1

Я хотел бы поставить <details> тег в моей странице с всплывающим окном, когда cliking на него, так что код будет:Почему событие ontoggle не работает? (Даже на Google Chrome)

<details ontoggle="alert('Hello')">these are some details</details> 

Но после того, как загрузить страницу, если я нажимаю на детали, нет всплывающего окна ...

Это проблема?

ответ

0

Вы используете это правильно, но вам нужно окружить Hello в одинарных кавычках вместо двойных кавычек. Первая двойная кавычка перед тем "Hello" заканчивается malforming вызов в alert функции:

<details ontoggle="alert("

Так попробуйте использовать <details ontoggle="alert('Hello')">these are some details</details> вместо этого.

+0

Я только что отредактировал мое сообщение, проблема не в цитатах извините – mric750

+0

@ mric750 Это единственная проблема, которую я вижу с кодом, который вы опубликовали. Взгляните на https://jsfiddle.net/5h147n01/. Попробуйте заменить одиночные кавычки на двойные кавычки, чтобы убедиться сами. В качестве альтернативы вам следует подумать о том, чтобы запустить код через linter или искать ошибки консоли, чтобы увидеть, есть ли какие-либо синтаксические ошибки с кодом, который вы опубликовали. – alex

Смежные вопросы