Tag: backbone.js

如何查找纸张尺寸/可打印尺寸并在打印时设置页眉和页脚？: 这有些困难我。我的客户端需要在每页上打印带有页眉和页脚的数据。有机会使用A4, A3, A5和Landscape纸。如何在每个页面上设置页眉和页脚？我怎样才能根据页面设置数据长度？有没有办法创建打印模板？我在Backbone使用underscore-template 。有人建议我一个方法吗？

使用Backbone LocalStorage并仍然调用服务器: 如何使用Backbone localStorage拨打服务器我看到了这个问题，但我不知道我在哪里申请它？ Backbone.js能够rest和本地存储吗？这是我的视图代码： define([ ‘jquery’, ‘underscore’, ‘backbone’, ‘models/song’, //’collections/songs’, //’views/song’, ‘text!templates/search.html’ ], function($, _, Backbone, SearchM, SearchT){ //Song, Songs, SongV, var Search = Backbone.View.extend({ model: SearchM, el: $(“#Sirius”), events: { ‘submit #searchMusic’: ‘search’ }, search: function (search) { console.log(SearchM); this.model.save({ channel: this.$el.find(‘#channel’), week: this.$el.find(‘#week’), year: this.$el.find(‘#year’), filter: this.$el.find(‘#filter’) }); console.log(‘saved’); }, render: function () […]

加载更多数据按钮主干: 我有一个问题我正在尝试编写一个简单的应用程序，它将为json文件加载更多数据后点击显示更多按钮，但无法弄清楚如何做到这一点：/我有应用程序显示3个元素从json文件，我想单击显示更多按钮后再显示3个。我在json中有9个项目，在达到限制后（这9个项目）并单击显示更多我想显示达到限制的警报。代码： $(function() { var Tasks = Backbone.Model.extend(); var TasksList = Backbone.Collection.extend({ model: Tasks, url: ‘json/data.json’ }); var TasksView = Backbone.View.extend({ el: ‘#tasks’, con: 3, events: { ‘click #load-more’: ‘load_more’ }, template: _.template($(‘#taskTemplate’).html()), initialize: function () { this.listenTo(this.collection, ‘reset’, this.render); }, render: function () { _.each(this.collection.first(this.con), function (task) { var html = this.template(task.toJSON()); this.$el.append(html); […]

jQuery Mobile CSS没有样式化JS插入HTML: 我正在使用Backbone.js和jQuery Mobile制作移动网络应用程序，但我遇到了一些样式问题。只是为了测试一下我想要设置我的Logout按钮。在造型之前，我有： this.$el.append(”); 在我的代码的某一点，一直工作正常。我将此行更改为： this.$el.append(‘ LOGOUT ‘); 但是，当我这样做时，它只显示“LOGOUT”作为没有应用CSS的普通链接。我尝试将相同的代码放在我的HTML文件的正文中，而不是使用JS插入它，并且它的样式正确。在所有其他文件和我的JS代码包含在绑定到$(document).ready()的函数中之前，我将CSS文件加载到文档的头部，所以我不确定为什么CSS不能正常工作。我错过了概念性的东西吗？我怎样才能解决这个问题？

require.js Uncaught TypeError：对象＃的属性’$’不是函数: 我第一次尝试使用require.js，但是我收到了错误：未捕获的TypeError：对象＃的属性’$’不是函数。 require.config({ shim: { “jquery”: { exports: ‘$’ }, underscore: { exports: ‘_’ }, backbone: { deps: [‘underscore’, ‘jquery’], exports: ‘Backbone’ } }, paths: { jquery: ‘//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min’, underscore: ‘//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min’, backbone: ‘//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.0/backbone-min’, templates: ‘/referralgenie/templates/’ } }); require([ ‘app’ ], function(App){ App.initialize(); }); 它声明错误在backbone.js中，所以我发现很难调试。错误来自这里的行： Backbone.history.start(); 在我的路由器文件中： // Filename: router.js define([ ‘jquery’, ‘underscore’, ‘backbone’, ‘views/CampaginView’, ‘views/RewardView’, […]

如何使用带有backbone.js和require.js的Jquery-file-upload: 我有一个使用require.js的backbone.js应用程序，我希望在jquery插件之后实现这个： https ： //github.com/blueimp/jQuery-File-Upload 我遵循了这个流程： https ： //github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin 如果有人可以通过此插件向我发送骨干应用程序工作的示例，或者可以帮助我进行其他建议。在您阅读我的代码之前： Require.js配置： require.config({ paths: { ‘jquery’ : ‘common/vendors/jquery_2.1.0’, ‘underscore’ : ‘common/vendors/underscore_1.6.0’, ‘backbone’ : ‘common/vendors/backbone_1.1.2’, ‘layoutmanager’ : ‘common/vendors/backbone.layoutmanager_0.9.5’, ‘jquery.iframe-transport’ : ‘common/vendors/jquery.iframe.transport_1.0’, ‘jquery.ui.widget’ : ‘common/vendors/jquery.ui.widget_1.10.4’, ‘jquery.fileupload.ui’ : ‘common/vendors/jquery_fileupload/jquery.fileupload.ui_9.6.0’, ‘jquery.fileupload’ : ‘common/vendors/jquery_fileupload/jquery.fileupload_5.40.3’ }, shim: { ‘jquery’: { exports: ‘$’ }, ‘underscore’: { exports: ‘_’ }, ‘backbone’ : { deps: […]

Backbone.js集合使用this.fetch ERROR调用XML文件: myBook = Backbone.Collection.extend({ initialize: function(models, geturl) { var self = this; this.url = geturl; this.fetch({ dataType: “xml”, async: false, success: function(collection, xml) { … … … } }); } }); 我不能让这个工作。有人请建议我解决这个问题。我真的需要从集合中调用XML。我尝试使用$ .ajax（）但是失败了，所以我尝试使用backbone.js函数来获取XML，但不幸的是我无法让它工作。我使用： – Backbone.js 0.9.2＆jQuery v1.8.3 谢谢。

stopListening（）竞争条件？: var PlaylistView = Backbone.View.extend({ el: ‘#expanded-container’, initialize: function() { var playlistModel = this.model; this.stopListening(playlistModel.get(‘songs’), ‘add’); var form = this.$(‘input’); $(form).keypress(function (e) { if (e.charCode == 13) { console.log(“hey”) var query = form.val(); playlistModel.lookUpAndAddSingleSong(query); } }); this.listenTo(playlistModel.get(‘songs’), ‘add’, function (song) { var songView = new SongView({ model: song }); this.$(‘.playlist-songs’).prepend(songView.render().el); }); 这是我的Backbone视图的片段，我无法弄清楚为什么有时同一个songView呈现两次。在其他视图中，我手动调用PlaylistView.initialize()而不重新创建视图。因此，我在初始化开始时取消注册所有事件，以防止它多次侦听同一事件。它完成了它的工作但只是偶尔一次，同一个songView呈现两次。我怀疑这可能是某种竞争条件，但我无法弄清楚原因。 […]

当用Backbone.js替换内容时，如何解锁jquery ui检查按钮？: 我有一个Web应用程序替换内容。这个内容有jquery ui检查按钮。如果按钮已经存在则替换内容，则不要再次添加： if(!$(‘label[for=checkWeekM]’).hasClass(‘ui-button’)) $(‘.checkWeek’).button(); 如果我按下按钮（检查其状态）并且如果我更换内容，则按钮开始锁定，直到再次替换相同的内容。我使用Backbone.js来替换内容的jsfiddle 如何解锁检查按钮？

主干添加从ULexception中删除: 我开发了一个简单的应用程序来添加和删除ul中的名称。我有一个输入和一个按钮，当我点击按钮时，输入中的文字被附加到ul.My代码是： Add Friend 骨干代码： $(function() { FriendList = Backbone.Collection.extend({ initialize: function(){ this.bind(“add”, function( model,options ){ var id = ( model.collection.indexOf(model) ); view.render(model,id); }); this.bind(“remove”,function(model){ alert(“here”); }); } }); FriendView = Backbone.View.extend({ tagName: ‘li’, events: { ‘click #add-input’: ‘getFriend’, ‘click .button’: ‘removeFriend’ }, initialize: function() { this.friendslist = new FriendList; _.bindAll(this, ‘render’); }, getFriend: function() […]