Tag: durandal

Fancybox v2与Durandal无法合作: 我无法让Fancybox与Durandal合作。我使用John Papa的热毛巾模板作为我的起点。问题：每当我点击图像时，它都会导航到图像路径，而不是将其覆盖在页面顶部。库：Jquery v 1.9.1和FancyBox 2.1.4。视图：视图模型： define([‘services/logger’, ‘services/dataservice’], function (logger, dataservice) { var vm = { viewAttached: viewAttached, activate: activate, }; return vm; function activate() { //Do something // return promise } function viewAttached() { $(“.fancybox”).fancybox(); } }); BundleConfig： bundles.Add( new ScriptBundle(“~/scripts/vendor”) .Include(“~/scripts/jquery-{version}.js”) .Include(“~/scripts/jquery.fancybox.js”) .Include(“~/scripts/bootstrap.js”) ); bundles.Add( new StyleBundle(“~/Content/css”) .Include(“~/Content/ie10mobile.css”) .Include(“~/Content/bootstrap.css”) […]

使用Durandal JS自动完成文本框: 如何使用durandal JS创建自动完成文本框。鉴于代码不起作用。视图模型（JS） define([‘repositories/customerRepository’, ‘plugins/router’, ‘plugins/http’, ‘durandal/app’, ‘knockout’], function (customerRepository, router, http, app, ko) { return { router: router, activate: function () { var data = customerRepository.listMovies(); $(function () { $(“#movie”).autocomplete({ source: data, focus: function (event, ui) { $(“#movie”).val(ui.item.name); return false; }, select: function (event, ui) { $(“#movie”).val(ui.item.name); // $(“#friend-id”).val(ui.item.id); return false; } }) […]

Chrome // kendoUI / jQuery：超出了最大调用堆栈大小: 我正在使用hottowell模板创建spa应用程序，我从jquery得到一个很好的错误。基本上我的问题现在开始尝试从viewModelBinder.js（来自durandal库）绑定我的视图。 viewModelBinder.beforeBind(obj, view); action(); viewModelBinder.afterBind(obj, view); 此时调用beforeBind此代码已执行（我自己的应用程序的main.js） kendo.ns = “kendo-“; viewModelBinder.beforeBind = function (obj, view) { kendo.bind(view, obj.viewModel || obj); }; 其中kendo.bind就像（来自kendo ui库的kendo.web.js）： function bind(dom, object) { var idx, length, roles = kendo.rolesFromNamespaces([].slice.call(arguments, 2)); object = kendo.observable(object); dom = $(dom); for (idx = 0, length = dom.length; idx < length; idx++) { bindElement(dom[idx], object, […]

使用Durandal的compose时，JQuery不会找到DOM元素: 我最近使用Knockout和JQuery将我公司的项目移植到Durandal。直接问题：我需要使用两个HTML输入初始化JQuery UI的datepicker。但是，当我这样做时，JQuery无法找到输入：视图： User detail viewmodel – 在第一个div中选择用户时调用SelectUser（）函数，然后加载第二个div和users / _UserDetail.html： users.SelectUser = function (user) { users.CurrentUser(user); /* … */ $(function () { $(“#datepickerFrom”).datetimepicker({ dateFormat: “dm yy”, timeFormat: “HH:mm:ss”, defaultDate: null }); $(“#datepickerTo”).datetimepicker({ dateFormat: “dm yy”, timeFormat: “HH:mm:ss” }); }); } _UserDetail.html的重要部分 Active from Active to 然后两个HTML输入未定义。如果我使用compose绑定到实际用户/ _UserDetail.html内容更改div ，它可以正常工作，但随后视图很快变得一团糟 – html文件并不是很小。如果有人能指出我正确的方向，我将不胜感激。谢谢！

Durundal谷歌翻译: 如何在Durundal Shell.js，shell.html中绑定Google翻译？ HTML 脚本 function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: ‘en’, autoDisplay: false }, ‘google_translate_element’); }