草庐IT

UI模板

全部标签

javascript - UI-Router 和解析, Controller 中的未知提供程序

我在UI-Router.state()调用中使用resolve。在我的Controller中,我可以毫无问题地访问这些值,但它会抛出如下错误:$injector/unpr?p0=ctrlOptionsProvider%20%3C-trlOptions以下代码抛出错误,但允许我访问变量ctrlOptions就好了:.state('new_user',{url:"/user/new",templateUrl:"views/user/new.html",data:{pageTitle:'NewUser'},controller:"UserController",resolve:{ctrlOp

javascript - mustache 格式的 Backbone /下划线模板导致#磅/哈希符号出错?

我正在使用backbone的下划线模板引擎和mustache格式模式。我已经在项目的其他地方成功地使用了它,但现在我第一次使用mustache的循环列表模式来填充模板,该模板引发了一个让我有点困惑的错误。chrome中的错误是:"UncaughtSyntaxError:UnexpectedtokenILLEGAL"并在回溯中指向下划线的模板函数,这是非常无用的,但在firebug中我得到了一个更有用的错误,如下所示:表明哈希符号“#”是问题所在,这是有道理的,因为我知道mustache工作正常,因为项目的许多其他部分都在很好地使用它,这也是我第一次使用我的模板中的哈希符号。它看起来像是

javascript - AngularJS UI Bootstrap 模式无法执行范围内的功能

在我的angularjs应用程序中,我使用UIBootstrap来创建模式。我将范围和自定义Controller传递到模态中,它显示我来自原始范围的数据,但无法执行其任何功能。我有主Controller:myapp.controller('WsCtrl',functionWsCtrl($scope,$location,todoStorage,filterFilter,$modal,$log){在Controller中我有下一个:$scope.items=['item1','item2','item3'];$scope.open=function(){varmodalInstance=$

javascript - 如何缩小 liquid 模板生成器生成的 javascript 文件

我正在尝试优化shopify网站,GoogleSpeedInsights建议我缩小css和js文件。推荐的文件都是用liquidtemplategenerator生成的,所以我不能使用流行的minify工具。如果有人有这方面的经验,请告诉我。谢谢。 最佳答案 如果您尝试缩小此类文件,由于Liquid模板代码,您将看到一个错误。这里有一个技巧可以帮助您缩小包含Liquid模板代码的JavaScript文件。但这涉及很少的体力劳动。用一些随机的唯一字符串替换所有Liquid模板代码。记住所有的替换。您可以使用文件差异应用程序来查找.js

javascript - 防止 fb.ui() 滚动浏览器

我正在使用iframe开发FacebookCanvas页面应用程序。我正在使用fb.ui()创建一个用于共享的对话框,但是当对话框打开时,它首先居中,然后一旦异步调用加载对话框,它将对话框移动到iframe的顶部并滚动浏览器到顶部。我考虑过使用jQuery来重新定位框,但是我还必须滚动浏览器位置,这让我大吃一惊。任何建议将不胜感激。 最佳答案 有同样的问题,在iFrame中定位很糟糕。保持对话框正确定位的最简单方法是使用弹出显示选项,它会在当前页面的中心上方弹出一个新的浏览器窗口。它不是那么漂亮,但效果很好。//genericsha

javascript - 访问加载在 html head 标签中的 mustache 模板?

有没有办法访问通过HTML加载的mustache模板文件的内容通过javascript?或我已经成功地通过ajax和加载了它们标记在主体中,但我不确定如何通过头部作为单独的文件加载时获取文件源。 最佳答案 您需要获取方法来捕获外部模板的模板值:以下代码仅在html页面内有效:vartmpl=$.trim($('#address_template').val());//trimthewhitespacesinthetemplateMustache.to_html(tmpl,json);你需要下面的代码:“$.get('template

javascript - Google CDN 托管具有本地后备功能的 jQuery UI CSS?

我已经有了以下JS文件:!window.jQuery&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-1.6.1.min.js'type='text/javascript'%3E%3C/script%3E"))!window.jQuery.ui&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-ui.min.js'type='text/javascript'%3E%3C/script%3E"))我怎样才能为主题找到类似的东

javascript - Kendo UI 网格导出 excel 和 pdf 导出,没有创建文件

我正在尝试使用excel导出创建剑道网格。我的数据完全按照我的意愿显示,并且网格工作正常。但是,saveAsExcel函数触发了excelExport事件,但没有创建文件。pdf导出也有同样的问题。这是我的网格选项:grid=$("#grid").kendoGrid({toolbar:["excel","pdf"],height:500,scrollable:true,groupable:true,sortable:true,filterable:false,excel:{allPages:true,filterable:true},excelExport:function(e){co

javascript - jQuery UI - 结合可选与可拖动

正如问题所述,我正在尝试将jQueryUI的Selectable和Draggable功能组合到一个有效的拖放界面中,用户可以选择多个div并将这些div移动到jQueryDroppables中。这是我必须允许用户在表格中的一行中选择div的代码:$('tr').selectable({filter:'div',selected:function(event,ui){$(ui.selected).draggable({containment:'document',axis:'y',snap:true,snapMode:'inner',revert:'invalid',opacity:0.

javascript - jquery ui 可在容器内拖动滚动

我有一个无序列表,并使用jqueryuidraggable向每个列表项添加了可拖动功能。该列表位于id="content"的div中。这是我的UL列表的快照这是我写的代码:$(function(){$(".draggable").draggable({scroll:true,scrollSensitivity:100,revert:true,containment:'#content',zIndex:999990,revertDuration:100,delay:100});});OneTwoThreeFourfivesixSevenEightNineTenElevenTwelveTh