Я хотел бы настроить простое событие jQuery onClick, чтобы сделать динамический интерфейс пользователя в шаблоне рулей. Мне было интересно добавить addClass() после определенного щелчка.Обработка jQuery onClick событие на руле
рассмотреть HTML (генерируемый рулями)
{{#if hasButton}}
<div id="container">
<button type="submit" class="myButton">Click me!</button>
</div>
{{/if}}
: После т.е. щелчка внутри кнопки, его контейнер получит погрузочный класс, который будет создавать взаимодействие с помощью CSS.
$(".myButton").on("click", function(event){
$(this).parent().addClass("loading");
});
Этот код должен быть включен в мой шаблон handlebars или я должен переписать его в конкретный помощник для него? Есть ли какие-либо примеры, которые можно было бы предоставить, чтобы я мог изучить его, а затем разработать нечто подобное?
Заранее благодарен!
Вы должны хранить 'html',' css' и 'js' отделенные друг от друга. Если вы создаете что-то из шаблона, вы должны знать, какие действия должны выполняться в шаблоне. (либо потому, что вы отправляете эту информацию с шаблоном с сервера), либо потому, что вы уже знаете в своем коде. Поэтому либо зарегистрируйте «обратные вызовы» для своего события после добавления шаблона, либо вы будете использовать [delegate] (http://api.jquery.com/on/#direct-and-delegated-events) для событий (что-то вроде: '$ (containerWhereYouAddThetemplateTo) .on (" click "," .myButton ", function() {})'; –