编辑: 鉴于下面的答案,使用Meteor Deps似乎是理想的游戏,因为我想在两个不同的模板之间共享数据,它应该对发生的任何变化都有反应。 澄清一下:我的数据来源是Template.reactiveTable ,目的地是Template.buttons 。 当reactiveTable的数据发生变化时,我希望按钮能够反映这一点。 结束编辑 我希望根据表的内容(特别是 值)设置buttons的值。 buttons.html: {{#each testButtons }} {{ name }} {{/each}} 使用这种硬编码,它按预期工作(两个按钮呈现标记为Alice和Bob UI.registerHelper(‘testButtons’, function () { return [ { name: “Alice” }, { name: “Bob” } ] } ) 模板很乐意接受并呈现此对象数组 。 但是,当我动态生成对象数组时。 目标:对于我的h1标签中包含的每个唯一单词,生成一个按钮(几乎像博客标签)。 通过下面的代码片段替换我的助手代码(使用jquery解析 标签,生成数组以发送到模板)。 假设html是: foo bar baz 然后在控制台中运行以下片段,将创建uniqStrings = [ “foo”, “bar”, “baz”]; 如预期的。 $( ‘h1’ […]
我已经通过查看以下post( Ajax不能在IE10上工作 )和其他一些网站做了一些研究,但遗憾的是它没有解决我的问题,这就是我需要你帮助的原因;) 下面你可以看到我的JQuery ajax脚本,我的问题是我可以获取ajax并将值返回到errorDivStyle,但是我无法加载$(“#mainView”)。html(data); 数据从PHP脚本及其HTML返回。 请注意它在Chrome,FF和IE 9中完全正常,但不是IE10。 有什么我做错的吗? $(document).ready(function () { var category = $(“#category”).val(); $(“#category”).change(function(){ $.ajax({ type: “POST”, url: “test.php”, data: $(this).serialize(), cache: false, success: function(data) { if(data) { $(“#mainView”).html(data); $(“#errorDivStyle”).html(“” + category + ” category have been loaded”).show(); } } }); return false; }); });
我有两个相同类的下拉菜单让我们称之为下拉菜单,我用jquery下拉菜单: $(‘.dropdown’).focus(function () { //Fiddle with this dropdown }).focusout(function () { //Fiddle with this dropdown }); 当我在具有相同类别(下拉列表)的两个下拉列表之间跳转时,下拉列表不会立即打开而是获得焦点,我必须再次单击它才能打开它。 它似乎与我在操作它时启用和禁用列表中的选项这一事实有关。 有解决方法吗? (我试图使用模糊而不是聚焦,并出现同样的问题) 谢谢! 编辑: 的jsfiddle JS: $(‘.dropdown’).focus(function () { var selectListIndex = $(this).attr(‘selectedIndex’); $(‘.dropdown’).each(function() { $(‘option:nth-child(‘ + (selectListIndex + 1) + ‘)’, $(this)).attr(‘disabled’, ”); }); }).focusout(function () { var selectListIndex = $(this).attr(‘selectedIndex’); $(‘.dropdown’).not($(this)).each(function() { $(‘option:nth-child(‘ + (selectListIndex […]
我有一个问题我正在尝试编写一个简单的应用程序,它将为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或javascript中检测元素的不透明度何时发生变化然后启动一个函数来添加新的效果,例如,如果你有一个页面,其中自动事件发生就像一个元素消失然后你想要启动别的东西时那事发生了。 你会怎么做? 它有点像幻灯片放映。 这是我到目前为止的演示: http://jsfiddle.net/Hive7/n57Zy/ 比我想要的最后一个元素不透明度更改然后再次启动循环 提前致谢
我在index.php中通过AJAX显示了timer.php的值。 但是我担心这个的性能,如果它是一个服务器杀手,如果有30个人在线,和这样的事情。 你建议我做一些编辑吗? 谢谢。 的index.php setInterval( ‘SANAjax();’, 1000 ); $(function() { SANAjax = function(){ $(‘#dataDisplay’).load(‘timer.php’); } }); timer.php function time_difference($endtime){ $days= (date(“j”,$endtime)-1); $hours =date(“G”,$endtime); $mins =date(“i”,$endtime); $secs =date(“s”,$endtime); $diff=”‘day’: “.$days.”,’hour’: “.$hours.”,’min’: “.$mins.”,’sec’: “.$secs; return $diff; } $future_time = mktime(0, 0, 0, 9, 19, 2011); $now_time = strtotime(“+2 hours”); $end_time = $future_time – $now_time; $difference = […]
我有一个包含2个元素的div。 第一个元素是span ,第二个元素是input ,如: FirstName container div的width设置为300px ,我希望它会根据孩子的身高自动计算它的高度。 这里计算它的高度,但不包括input元素高度。 这里发生了什么? 编辑 我的容器position : absolute因为某些原因我无法设置overflow : hidden
我有一个网站,其中包含我所居住地区某些县的特定内容。 我想创建一个表单,帮助用户访问他们需要的特定页面。 因为我不想要一个县的下拉列表。 我希望用户输入邮政编码,然后如果该邮政编码中存在重叠,则选择一个县。 我不确定这是否可行,但我正在尝试创建一个可以执行此操作的表单: 表单的第一部分:输入邮政编码的文本框,然后单击提交,然后显示隐藏的可用县的显示无线电组选项,根据他们选择的县,它们将被定向到特定的URL。 我试图将它基于我在Fiddle上看到的代码 这是我正在使用的(并失败) Zip Code: Option County1, County2 or Other Option County3, County4 or Other Please call our office for a quote jQuery的: $(function () { var zipCode1 = [‘11111’, ‘22222’, ‘33333’]; $(‘#id_div_one, #id_div_sorry’).hide(); var zipCode2 = [‘44444’, ‘55555’, ‘66666’]; $(‘#id_div_two, #id_div_sorry’).hide(); $(‘#zip_form’).submit(function () { $(‘#id_div_one, #id_div_two, #id_div_sorry’).hide(); if (jQuery.inArray($(‘#id_zip_code’).val(), […]
我通过$.getJSON发送GET请求,发送的数据非常大。 我需要在处理完数据后得到一个结果,所以POST它似乎不是一个解决方案。 任何的想法? 发送的数据是一个编码为json的字符串。 我考虑先发送它而不先编码,作为一个数组,但后来我的响应只是“数组”,所以之后无法解码它。
我们想在页面上找到一个字符的每个实例(特别是, • ),然后将它包装在一个span中,这样我们就可以设置它们的样式。 它们可以在各种元素中,多次,以及整个DOM: , , 等。 我们尝试过这里找到的一个方法,它涉及匹配一个字符串并在其周围包裹一个span,但它似乎只匹配并包装任何给定元素中的第一个实例,并忽略同一元素中的任何后续实例。 例如,对于 • • ,两者都匹配并包装,但是 blah • blah • blah • blah ,只有第一个匹配并包装。 这是我们尝试的: $(‘*:contains(“•”)’).each(function() { if($(this).children().length < 1) $(this).html($(this).text().replace('•','•’)) }); 不确定它是否与if行有关……这是我们唯一模糊的部分。 然而,并没有特别投入这种方法,所以如果有更清洁的东西,让我们听听吧!