Tag: javascript

使用$ .html()时如何提高渲染性能

我正在开发一个显示推文列表的Backbone 演示应用程序 。 当我用不同的数据替换所有“推文”时,我使用$.html()清除列表 render: function() { $(“#item-table”).html(”); this.collection.each(this.addItem); } 我想知道是否有人可以给我一个提示,我可以替换这个$.html()以获得更好的性能,因为使用$.html()我会导致回流,并且会给出错误的布局处理时间。 代码中还有另外两个地方,我使用$.html() ,如果有人可以给我建议如果那些其他地方甚至是可能的话也会改变它们,这真的很棒。

jQuery – 像radiobuttons这样的复选框

我有组复选框,我喜欢这个组的行为,如具有相同名称属性的radiobuttons。 每个复选框都有不同的名称 只能从复选框中选择一个。 我怎么能这样做? 解 为什么我需要这个? 因为我们需要一致性webUI。 请问,这不是我们的应用程序架构的问题。 🙂 HTML示例 111 112 113 121 122 123 131 132 133 JavaScript的 var $groups = $(“span.multiGroup”, $that); $groups.each(function() { var $group = $(this); var $checkboxes = $(“:checkbox”, $group); $checkboxes.click(function() { var $activeCheckbox = $(this); var state = $activeCheckbox.attr(‘checked’); $checkboxes.attr(‘checked’, false); $activeCheckbox.attr(‘checked’, state); }); });

在JavaScript中暂停YouTube iFrame API

我在幻灯片中嵌入了Youtubevideo,当用户点击img缩略图时我想暂停: 我一直在Youtube API上,但我很困惑如何开始。 当我将?enablejsapi追加到YouTube video id的末尾时,API JS会自动加载吗? 这是我的JS: var player1 = document.getElementById(‘my-video’); $(‘img’).click(function () { player1.pauseVideo(); }) 编辑: 以下是我根据马特的答案做的事情,对于任何想知道的人: 然后是我的JS: var tag = document.createElement(‘script’); tag.src = “//www.youtube.com/iframe_api”; var firstScriptTag = document.getElementsByTagName(‘script’)[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // Create YouTube player(s) after the API code downloads. var player1; var player2; function onYouTubeIframeAPIReady() { player1 = new YT.Player(‘player-1’); player2 = […]

重置类时,CSS动画不会重新启动

我正在使用CSS着色器+动画。 我的着色器类定义如下: .shader{ -webkit-filter :custom(url(v.vs) mix(url(f.fs) multiply destination-over), 200 200); -webkit-animation-name: test; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1 } 我试图通过$(‘#holder’).addClass(‘shader’);使用jquery动态设置/取消设置样式(着色器+动画) $(‘#holder’).addClass(‘shader’); 和$(‘#holder’).removeClass(‘shader’); 然而,奇怪的是当我重置类时(例如,在removeClass之后调用addClass),只有着色器被重新应用但动画没有(我已经挂钩了AnimationStart事件以查看我的动画何时开始)。 任何人都知道为什么会这样,我怎么能解决它? 编辑:我在这里添加了JSfiddle代码段的简化版本。 基本上我是将动画重新应用于div两次,但实际的动画只在第一次被调用。

如何从html网页生成pdf?

我正在寻找一个库,可以在从按钮点击事件后将我的网页转换为PDF文件。 我正在尝试jspdf ,但它打印没有CSS,我怎样才能使用JavaScript/jQuery并保留我的CSS? 还是我可以选择的另一个CSS?

删除HTML标记的属性

是否可以删除第一个HTML 标记的属性? 所以这: aaa 变 aaa 来自以下内容: aaa (bbb) ccc​

在外部Javascript文件中使用PHP代码

我只是想知道是否可以使用包含PHP代码的外部JS文件。 我的外部JS $(document).ready(function(){ $(‘#update’).click(function(){ var tableVal={}; // a bit of php code I need in JS var search_city=’; $.post(‘/project_detail/pub’, {‘tableVal’:tableVal},function(message) }) }) }) 我的观点页面 <script type="text/javascript" src="js/external.js”> JS不起作用,因为我认为JS中的PHP代码是问题所在。 有什么想法吗? 非常感谢。

如何在ajax响应返回的脚本标记内执行javascript

我正在发送一个jquery get请求,如下所示: $.get($(this).attr(“href”), $(this).serialize(), null, “script”); 我希望收到的响应将包含在脚本标记中。 我知道浏览器不会执行响应,除非它返回没有脚本标记。 通常我会从响应中删除标签,但在这种情况下,我无法访问远程计算机上运行的代码,因此无法在源处删除标记。 有没有办法可以从响应客户端剥离脚本标签并执行javascript?

将数组的C#字符串或字符串分配给javascript数组

我有一个js代码,其中一个数组运行良好 var availableTags = [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C” ]; 然后我在我的代码后面创建了一个数组字符串,或者在类级别上创建.cs public static string[] test={“animal”,”lovely”}; 然后我将js数组更改为此 var availableTags = “”; // also tried without quotes 现在我没有像之前的js数组一样的结果 使用完整代码进行编辑,我从http://jqueryui.com/demos/autocomplete/#multiple中获取了jquery using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Collections; using System.Web.Script.Serialization; public partial class onecol : System.Web.UI.Page { JavaScriptSerializer serializer; public static […]

如何为jquery mouseover添加延迟?

我在一个页面上有一堆图像,我使用以下内容来触发事件: $(‘.img’).on(‘mouseover’, function() { //do something }); 有没有办法添加一个延迟,如果用户徘徊可能1秒钟,那么它会“//做某事”或实际触发“鼠标hover”事件?