Вызовы функций в JetStrap

Question

Я пытаюсь использовать редактор JetStrap для макета некоторых пользовательских интерфейсов до их точной настройки и развертывания. Я очень плохо знаком с этим, только использую это в течение нескольких дней.

Я поместил этот код JavaScript в HTML на кнопку:

<button onclick="alert("I am an alert box!");">
   Click Me
</button>

Когда я переключаюсь в режим "Тест" и нажимаю кнопку, ничего не происходит.

Запрещено ли выполнение скрипта в редакторе Jetstrap?

Редактировать - добавление нового кода для комментария:

HTML:

<button id="thisbutton">
    Click me!
</button>

Код:

$('#thisbutton').click(function() {
  alert('I am an alert box!');
});

Этот фрагмент кода является полной частью моей вкладки "JS".

Answer 1

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

Я только что проверил в Jetstrap его с одинарными кавычками, и он работает:

<button onclick="alert('I am an alert box!');">
   Click Me
</button>

Тем не менее, я бы рекомендовал добавить идентификатор кнопки, а затем в редакторе Javascript сделать что-то вроде

$('#thisbutton').click(function() {
  alert('I am an alert box!');
});

Что является лучшим решением, когда вы добавляете больше кода.