Как заставить $ ('# slidepanel'). Slidepanel (“hide”) работать с Angular.js?

Question

Как заставить $ ('# slidepanel'). Slidepanel (“hide”) работать с Angular.js?

0

У меня модальная диалоговая панель с элементами управления вводами html, которую я хочу открыть, как всплывающее окно, скользящее одним нажатием кнопки. jQuery slidePanel v0.2.2

Код для открытия диалогового окна работает,

$('#slidepanel').slidepanel("show")

Проблема заключается в закрытии диалога по следующему коду

$('#slidepanel').slidepanel("hide")

Тот же код скрытности работал с jquery, но проблематичен через Angular.js. Любая помощь ценится!

Shalin Jirawla 26 март 2016, в 08:53

Источник

0

но это проблема через Angular.js - Хотите показать нам, что вы имеете в виду?
Alon Eitan 26 март 2016, в 08:10

Теги:

javascript

jquery

angularjs

1 ответ

Ещё вопросы

но это проблема через Angular.js - Хотите показать нам, что вы имеете в виду?

Oron Ben-David · Answer 1 · 2016-03-26T05-27-00.000Z

Поскольку вы используете jQuery для управления "показом" и "скрытием" после загрузки DOM, jQuery не знает, что эти элементы существуют.

мое предложение заключается в использовании jQuery on() для делегирования событий и выбора динамически сгенерированных классов:

$(document).on('click','.slider-arrow.show',function(){
  ....
});

$(document).on('click','.slider-arrow.hide',function(){
  ....
});