如何将Fancybox与Durandal en TypeScript结合使用

如何将Fancybox与Durandal en TypeScript结合使用,typescript,fancybox-2,durandal,hottowel,Typescript,Fancybox 2,Durandal,Hottowel,我不再忙于用John Papa的热毛巾模板进行原型设计和开发了。 我没有使用Javascript,而是使用TypeScript,遇到了一个交叉问题 当用户单击SPA中的图像时,我希望该图像与fancybox一起弹出。但我无法实现这一点。我想我把fancybox的代码放在了去激活功能中,因为每次加载视图时都会调用这个函数,所以这里可能是错的 但我也发现Fiddler的de.js模型视图是在.html之前加载的,这意味着viewmodel无法调整.html,我在这里可能也错了 我将发布视图和模型 正

我不再忙于用John Papa的热毛巾模板进行原型设计和开发了。 我没有使用Javascript,而是使用TypeScript,遇到了一个交叉问题

当用户单击SPA中的图像时,我希望该图像与fancybox一起弹出。但我无法实现这一点。我想我把fancybox的代码放在了去激活功能中,因为每次加载视图时都会调用这个函数,所以这里可能是错的

但我也发现Fiddler的de.js模型视图是在.html之前加载的,这意味着viewmodel无法调整.html,我在这里可能也错了

我将发布视图和模型

正如我在Chrome或Fiddler中看到的那样,所有javascript库都已正确加载

看法

模型视图


要连接DOM,需要公开viewAttached方法。以下是组成视图时Durandal将调用的前三个事件:

canActivate查找返回值true或false 如果您返回承诺,activate将不会加载视图,并将等待承诺得到解决 viewAttached在这里,视图和viewmodel绑定在一起,因此可以在这里执行jquery和Fancybox操作。 这回答了你的问题吗?因为typescript与此无关

公开上述函数如下所示:

\\any viewmodel that implements the revealing module pattern
define(function(require)){

return{
   canActivate: function(){ return true;},
   activate: function(){},
   viewAttached: function(){}
}
};

要连接DOM,需要公开viewAttached方法。以下是组成视图时Durandal将调用的前三个事件:

canActivate查找返回值true或false 如果您返回承诺,activate将不会加载视图,并将等待承诺得到解决 viewAttached在这里,视图和viewmodel绑定在一起,因此可以在这里执行jquery和Fancybox操作。 这回答了你的问题吗?因为typescript与此无关

公开上述函数如下所示:

\\any viewmodel that implements the revealing module pattern
define(function(require)){

return{
   canActivate: function(){ return true;},
   activate: function(){},
   viewAttached: function(){}
}
};

是的,成功了;谢谢我遇到的另一个错误是jQUery崩溃了,只需升级引导程序,只需谷歌将erro升级到2.3.1,并修复它,谢谢@Ryankeeter您需要什么参考来定义,它不适用于me@AD.Net你到底有什么问题?你也在使用DUrandalJS吗?是的,这就成功了;谢谢我遇到的另一个错误是jQUery崩溃了,只需升级引导程序,只需谷歌将erro升级到2.3.1,并修复它,谢谢@Ryankeeter您需要什么参考来定义,它不适用于me@AD.Net你到底有什么问题?你也在使用DUrandalJS吗?
\\any viewmodel that implements the revealing module pattern
define(function(require)){

return{
   canActivate: function(){ return true;},
   activate: function(){},
   viewAttached: function(){}
}
};