Метеор: использование JQuery для создания диалогового окна

Question

Я использую jquery для создания диалогового окна в своем веб-приложении. В обычном приложении я могу использовать jquery для выполнения этой задачи. Но, перейдя на Meteor, похоже, что Meteor изменил многие вещи, которые нормальный javascript не работает. Вот мой код:

<template name="post_list"> 
    <button id="ask_question_btn">Ask A Question</button> 
    <div id="dialog" title="Dialog Title goes here...">Custom Dialog</div> 
</template> 

А вот соответствующий JavaScript:

Template.post_list.events({ 
    'click #ask_question_btn': function(event, template) { 
     template.$("#dialog").dialog("open"); 
    } 
}); 

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

Спасибо :)

Answer 1

Я не думаю, что функция $ .dialog() является родным для JQuery. Я знаком с jQuery UI dialog function, который вы можете включить в свое приложение, включая любые jQuery UI package от Atmosphere.

Кроме того, в вашем коде вам нужно будет инициализировать диалог перед открытием. Я был в состоянии получить следующую работу с mizzao:jquery-ui пакета:

meteor add mizzao:jquery-ui 

тогда, в моем хелперов файле:

Template.post_list.rendered = function() { // initialize the dialog once rendered 
    $("#dialog").dialog({autoOpen: false}); // autoOpen = false means this won't open until we ask it to 
} 

Template.post_list.events({ 
    'click #ask_question_btn': function(event, template) { 
    $("#dialog").dialog('open'); 
    } 
}); 

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