草庐IT

UI模板

全部标签

javascript - 将 Google 闭包模板与 jQuery 结合使用

我们开始使用JavaScript和HTML5创建一个应用程序,它将使用restAPI来访问服务器资源,利用我们的开发团队已经熟悉的jQuery的强大和易用性。这个应用程序将被制作成多语言的。我们后来决定,我们将使用JavaScript编写我们的DOM,这将使我们能够灵活地使用我们的UI位与我们的其他应用程序集成,并将使用jQueryUI小部件创建我们自己的小部件。然后,只需在我们其他应用程序的相关页面中添加引用JavaScript文件的脚本标签,我们就可以完成针对该特定功能的大部分集成。因为使用JavaScript创建DOM需要大量编码,我们开始寻找可以帮助我们轻松将HTML转换为Ja

javascript - 如何在 jquery-ui 小部件中存储内部属性?

我正在从头开始编写一个新的jquery-ui小部件。我找到了官方的“widgetfactoryworks”文档。(http://jqueryui.com/demos/widget/)小部件本身工作正常。现在我想在内部存储一些值-有更好的方法吗?我认为在选项中声明的所有属性都是公开的。感谢您的帮助! 最佳答案 只需在this上使用普通的旧属性。例如,一个基本的小部件看起来像这样:$.widget('some_name',{options:{/*...*/},_create:function(){//...this.internal_v

javascript - underscore.js 和 backbone.js 的外部 html 模板

我可以将我的模板放在单独的.html文件中,然后在我的index.html中引用它们吗?索引.html:项目列表-tmpl.html:我试过了,但问题是它没有在index.html上显示模板,但它加载在正确的位置(使用Firebug查看)更新找到了一个可能的解决方案,但不推荐用于生产环境。 最佳答案 从http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324得到这个为此创建一个单独的js文件

javascript - 具有固定最小值 : show minimum range, 的 jQuery UI Slider 不是最小绝对值?

我使用的是固定最小值为20的jQueryslider,如describedinthedocs.然而,这并不是我所需要的。我希望slider的可视范围为0-100,但绝不允许用户将slider移动到小于20。换句话说,slider的句柄不应该一直到slider的左侧(就像现在一样),但应该显示0-20的范围。这里是aJSFiddletoshowwhatImean,这是当前代码:$("#range-slider").slider({range:"min",min:20,max:100,value:20,step:20,});有什么想法吗? 最佳答案

javascript - Knockout.js 多个外部模板和多个 VM 切换失败

我正在使用以下内容:knockout-2.1.0.jskoExternalTemplateEngine_all.js我要实现的目标如下:模板容器加载外部HTML并为该HTML加载特定的VM(有效)。模板容器加载/切换到另一个外部HTML,以及该HTML的其他特定VM(有效)。模板容器切换回第一个模板/VM,连同他们的VM(不起作用!)。我猜它不起作用的原因是因为模板在VM之前加载(它确实给我绑定(bind)错误)。我网站的结构是这样的(不包括上面提到的库):index.html(包含模板容器)js/script.js(包含主要的ViewModel)js/firstvm.js(持有第一个

javascript - 您可以跨多个模板共享数据吗?

我有时发现自己向多个模板声明相同的数据。例如:Template.auction_page.auctionDurations=function(){return[30,60,120];};Template.auction_editor.auctionDurations=function(){return[30,60,120];};我可以通过使用全局变量让它变得更好:Template.auction_page.auctionDurations=function(){returnglobal.auctionDurations;};Template.auction_editor.auction

javascript - Facebook - FB.UI 提要和分享对话框

我在使用FacebookFB.UI-FeedandSare对话框时遇到了一些问题。我需要将网站页面发送给friend,我正在使用FB.UIJavascriptAPI。根据facebook文档,他们说你必须使用“fromandto”参数。但是当我使用“从和到”参数时它不起作用。当我删除这些参数时它工作正常,但我不能肯定地发布到friend墙上。我一直在寻找一段时间,并尝试了以下步骤:用户是否启用了正确的设置以在他的时间线上发布(检查)用户是否喜欢该facebook页面(检查)我登录了吗(检查)这是文档的链接:FeedandShareDialogs这是我的代码:PS:我收到警告说的是:“帖

javascript - 解决后未将 promise 值放入模板

我对javascript和promises还很陌生,所以我可能无法理解所有的基本概念,但我正在尝试。我的模型中有一个检查友谊状态的函数:friendShipStatus:function(){varself=this;returnEmber.RSVP.all([this.container.lookup('user:current'),this.get('myFriends'),this.get('friendsWithMe'),this.get('friends')]).then(function(result){varuser=result[0],myFriends=result[

javascript - 带有 blaze UI 的 meteor 。插入到特定的 div

我想问一下如何渲染和插入模板到特定的div。正如我们从meteorwiki中了解到的那样,这是如何做到的:UI.insert(UI.render(Template.something),document.body);然后我将其放置在IronRoutermap上的rendered或onAfterAction上,它起作用了。我有一个id="content"的div,我想将Template.something放到那个div中,所以我尝试使用普通的查询代码:UI.insert(UI.render(Template.something),$('#content'));我将其放置在IronRout

javascript - Jade 模板 - 动态调用 Mixin

我如何使用json中的字符串被馈送到Jade模板来动态加载mixin?下面,目标是让twoColumn.jade加载foo和bar混合宏。twoColumn.jademixintwoColumns(obj).container-fluid.row(class=obj.class)foriteminobj.items.col-xs-12.col-sm-3//-Syntaxfordynamicallycallingamixin?+item.template(item)content.json{"twoColumns":{"class":"foobar","items":[{"templat