Tag: javascript

jQuery比其他JavaScript库有什么优势?

我试图说服那些在我现在的组织中设定标准的人,我们应该使用jQuery而不是Prototype和/或YUI。 我可以用什么令人信服的优势来说服他们?

jQuery没有使用ng-repeat结果

我正在使用ng-repeat来构建一个使用jQuery和TB的手风琴。 出于某种原因,这在硬编码时工作正常,但在ng-repeat指令内部无法触发。 我当时认为问题是来自jQuery而不是事后加载的绑定元素。 所以,我认为不是在页面加载时加载脚本,而是在返回数据时在.success上加载函数会更好。 不幸的是,我无法弄清楚如何使这项工作。 测试页面 : http : //staging.converge.io/test-json 控制器 : function FetchCtrl($scope, $http, $templateCache) { $scope.method = ‘GET’; $scope.url = ‘https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=http://www.web.com&key=AIzaSyA5_ykqZChHFiUEc6ztklj9z8i6V6g3rdc’; $scope.key = ‘AIzaSyA5_ykqZChHFiUEc6ztklj9z8i6V6g3rdc’; $scope.strategy = ‘mobile’; $scope.fetch = function() { $scope.code = null; $scope.response = null; $http({method: $scope.method, url: $scope.url + ‘&strategy=’ + $scope.strategy, cache: $templateCache}). success(function(data, status) { $scope.status = status; […]

preventDefault不适用于Firefox

我试图阻止A HREF实际打开链接,但是要执行脚本。 我让脚本部分工作,但似乎Firefox会忽略这个: $(“#permalink a”).click(function(id){ $(“#newPost”).fadeToggle; event.preventDefault(); var id = this.getAttribute(‘href’); $(“#newPostContent”).load(id); $(“#newPost”).show(“fast”); }); 任何人都可以建议使用跨浏览器脚本来防止默认设置吗?

弹出窗口中的按钮,用于获取所选文本 – Chrome扩展程序

在我的chrome扩展程序的popup.html中,我有一个按钮,可以在de网页中获取所选文本并将其放在popup.html中的textarea中。 首先,我在网页中选择文字 我点击我的扩展程序。 弹出窗口将显示textarea和一个按钮。 当我按下按钮时,所选文本将显示在我的文本区域中。 有人可以帮我解决这个问题, 谢谢, 沃特

如何在javascript中为函数添加回调

我有两个javascript函数 function one () { do something long… like writing jpgfile on disk } function two () { do something fast… like show the file } 我这样称呼它(在jQuery中) one (); two (); 因为函数二需要来自函数一的链接文件,我需要确保执行完成…所以在函数one的回调中获取函数2应该是技巧..但是如何做到这一点? 注意:我确实在这两个函数之间放了一个警报(’aaa’)让函数一个完成,它工作得很好……当警报被注释(删除)时,没有任何工作了!

如何在Slick轮播项目之间添加空格

我想在两个光滑的轮播项目之间添加空间,但不希望空间有填充,因为它减少了我的元素大小(我不想那样)。 $(‘.single-item’).slick({ initialSlide: 3, infinite: false }); .slick-slider { margin:0 -15px; } .slick-slide { padding:10px; background-color:red; text-align:center; margin-right:15px; margin-left:15px; } 1 2 3 4 5 6 不知何故,我从两边获得空间,我试图删除它。

如何将“幻灯片”和“滑动”事件附加到Bootstrap工具包的轮播?

这是一个工作Bootstrap旋转木马的小提琴。 http://jsfiddle.net/jeykeu/5TDff/ 这里是官方文档,它没有说明事件的使用情况。 http://twitter.github.com/bootstrap/javascript.html#carousel 我认为这会有效但不是: $(‘#carousel’).bind(‘slide’,function(){ alert(“Slide Event”); });

HTML修改后无法恢复选择,即使它是相同的HTML

我正在尝试存储一个contentEditable元素的选择,并在以后恢复它。 我想观察paste事件并按原样存储HTML,清除html然后手动插入粘贴的文本,并在所选位置进行一些更改。 看看这个例子: jsfiddle.net/gEhjZ 当您选择文本的一部分时,点击store ,再次删除选择并点击restore ,它按预期工作。 但是当你第一次点击store ,然后通过点击overwrite html替换HTML与完全相同的HTML,然后尝试restore ,没有任何反应。 我认为使用.cloneRange()会有所作为,但事实并非如此。 即使是对象的深层副本( $.extend(true, {}, oldRange) )也$.extend(true, {}, oldRange) 。 一旦我覆盖HTML,选择对象sel也会被更改。 对我来说,更改选择上下文将擦除范围是有道理的,但我正在尝试将其恢复为完全相同的HTML。 我知道我可以使用rangy ,但我真的不想为这个小function使用一个巨大的库。 我错过了什么? 任何帮助将非常感激! 注意:只有Firefox / Chrome,因此不需要使用crossbrowser-hacks。 更新: @Tim Down的答案在使用div时有效,但我实际上使用的是iframe。 当我做那个例子时,我认为这没有任何区别。 现在当我尝试恢复iframe的主体时,我收到以下错误: TypeError: Value does not implement interface Node. 在以下行中preSelectionRange.selectNodeContents(containerEl); 。 我没有从谷歌搜索获得太多。 我试图包装正文的内容并恢复包装的html,但我得到了同样的错误。 jsfiddle在这种情况下不起作用,因为它使用iframe来显示结果本身,所以我在这里举了一个例子: snipt.org/AJad3 并且没有包装: snipt.org/AJaf0 更新2:我认为我必须使用editable.get(0) 。 但现在iframe选择的start和end是0.参见snipt.org/AJah2

将base64图像拆分为多个部分

我试图用javascript或jquery将图像文件分成四个相等的部分。 是否可以将像280px x 60px这样的图像分成四个相等的部分,并将它们用base64编码保存为四个变量?

将更改推送到网页而不刷新

我知道我们可以通过轮询定期更改来做到这一点。 这可以通过AJAX实现(例如使用jQuery.load()和setInterval() )。 但我想知道还有其他方法吗? 其他成本较低的方法或更有效的方法? 一个很棒的聊天客户端遵循什么逻辑? 一旦你开始打字,另一端就会知道你正在打字。 我们在stackoverflow上遵循什么机制来更新upvote计数或显示已经编辑等等而没有刷新页面?