Tag: javascript

如何使用jQuery animate()函数在div中滚动?

我有这个代码片段,将整个身体滚动到特定位置→ $(‘html, body’).animate({ scrollTop: 1000}, 800, ‘swing’); 但是,如果我想滚动到这样的div中的特定位置→ $(‘#div-id’).animate({ scrollTop: 1000}, 800, ‘swing’); 我试过这种方式,但它不起作用,你能告诉我哪里出错了吗? 注意:元素#div-id有溢出:auto作为其css规则之一。

在JavaScript中是否可以覆盖keydown重复延迟?

目标是手动设置保持键的“重复率”。 例如,当在文本框中并按住X键时,我理解有特定于浏览器的方式来重复按下的字符 。 在某些情况下,它会暂停,然后不断触发按下的键。 在其他情况下,它根本不重复。 我想通过强制按下的键以特定间隔重复来缓解这种情况,无论浏览器如何。 通过研究,我想出了一个基于计时器的尝试,但在Safari中,它不会重复这个角色。 我有一个菜单系统,按住箭头滚动列表,但翻译动画和重复率不相互喜欢。 var repeating = false; var repeatRateTimer = null; $( document ).bind( ‘keyup’, function( input ) { if( repeatRateTimer != null ) { clearTimeout( repeatRateTimer ); repeatRateTimer = null; } repeating = false; } ); $( document ).bind( ‘keydown’, function( input ) { input.preventDefault( ); if( repeating == […]

JQuery&history.js后退按钮不起作用

我正在使用history.JS(最新)与Jquery(最新)加载和替换一个网站的一部分,这一切都工作,目前我只是想让它在现代浏览器中工作,所以我不是摆弄哈希变化。 一切似乎都有效,但是当我点击浏览器上的后退按钮(最新的FF和Chrome)时,页面不会改变(尽管url和标题确实发生了变化)。 我有一个谷歌,看看这里,但我看不到发生了什么。 查看堆栈溢出我找到了这个页面: 单击带有History.js的后退按钮时恢复内容似乎问了一个类似的问题。 我已经将#left_col(这是被替换的div)的加载内容添加到状态数据中,但我不确定从那里开始,我知道我需要在状态发生变化时重新加载该数据,但我看不出怎么样。 var History = window.History; var origTitle = document.title; if ( !History.enabled ) { return false; } History.Adapter.bind(window,’statechange’,function(){ var State = History.getState(); History.log(State.data, State.title, State.url); }); $(‘.ajaxload’).live(“click”, function() { History.pushState({state:1,leftcol:$(‘#left_col’).html()}, origTitle, $(this).attr(“href”)); $(‘#left_col’).load($(this).attr(“rel”)); return false; }); 我真的很感激任何帮助! 更新: 我设法让用户点击返回更改页面,但它没有加载正确的状态(它似乎返回两个状态而不是一个),我在上面的代码中添加的代码是: window.addEventListener(‘popstate’, function(event) { var State = History.getState(); $(‘#left_col’).html(State.data.leftcol); });

jQuery AJAX循环刷新jQueryUI ProgressBar

我有一个jQueryUI进度条,应该显示完成查询的百分比。 Oracle有一个很好的系统表,可以让你看到需要超过10秒的操作。 我正在尝试对此查询进行交错的$ .ajax调用以刷新进度条。 问题是,我可以让循环在没有任何等待时间的情况下发出快速激活请求,或者只是延迟整个JavaScript的执行。 我通过单击jQueryUI对话框中的“执行”按钮启动第一个请求。 $(“#dlgQuery”).dialog({ buttons: { Execute: function () { $(this).dialog(“close”); StartLoop(); } } }); 我正在尝试构建StartLoop()函数或生成递归GetProgress()函数。 理想情况下,我将有一个公共变量var isDone = false作为我何时终止循环或停止递归调用该函数的指示器。 为简单起见,我刚刚创建了一个执行100次的静态循环: function StartLoop(){ for (var i = 0; i < 100; i++) { GetProgress(); } } 这是我的样本ajax请求: function GetProgress() { $.ajax({ url: “query.aspx/GetProgress”, success: function (msg) { var data = $.parseJSON(msg.d); $(“#pbrQuery”).progressbar(“value”, […]

在IE8中获得div的最后一个孩子?

有没有另一种方法来获取div元素的最后一个子元素而不是使用div:last-child ,它至少在IE8中不起作用?

用animate实现jQuery的震动效果

我已经获得了jQuery lib的一个减少的子集,我缺少的一个关键特性是.effect函数。 但我确实有.animate 。 我想知道是否有人会有任何想法如何重现动画function。 我特别想知道只需几行,因为我需要保持代码大小。 这就是为什么jquery lib尽可能小,并且没有效果函数。 TLDR – 我正在尝试更换 $(“#”+id_string).effect( “shake”, {}, “fast” ); 在jQuery中使用.animate东西。

每隔5秒做一些事情和代码来阻止它。 (JQuery的)

如何每5秒重复一次doSomething()函数。 我还需要能够停止这样做的代码。 并且即时编码可以调整频率。

当onclick执行时,ng-click不会在AngularJS中触发

我试图在我的应用程序中使用AngularJS并在某种程度上取得了成功。 我能够获取数据并将其显示给用户。 我在ng-repeat有一个按钮,我想发布DELETE请求。 下面是我的代码。 Name ID Department {{d.EmployeeName}} {{d.EmployeeID}} {{d.EmployeeDepartment}} 这是FetchViewData函数,它获取信息并将其显示给用户。 function FetchViewData($scope, $http) { var test_link = “”; $http.get(test_link).success( function(data) { $scope.viewData = data; }); } 获取并正确显示数据。 但是, ng-click=”deleteRecord(‘{{d[‘@link’].href}}’)”删除按钮时, ng-click=”deleteRecord(‘{{d[‘@link’].href}}’)”中的代码不会触发。 在Google Chrome的开发者工具中,我可以看到代码{{d[‘@link’].href}}有效值,但代码deleteRecord不会被触发。 从这个问题我尝试删除括号并只写d[‘@link’].href但它对我不起作用。 当我用onclick替换ng-click时, deleteRecord函数被触发。 function deleteRecord(docURL) { console.log(docURL); $http.delete(docURL); } 但后来我收到以下错误。 Uncaught ReferenceError: $http is not defined deleteRecord onclick 我正在使用jQuery 1.10.2和AngularJS v1.0.8。

Javascript,将unicode字符串转换为Javascript转义?

我有一个变量,包含一个由日语字符组成的字符串,例如; “みどりいろ” 我如何将其转换为其Javascript转义表单? 我这个例子的结果具体是: “\ u306f \ u3044 \ u3044 \ u308d” 如果有变化,我更喜欢jquery方法。

自定义光标交互点 – CSS / JQuery

我正在尝试使用自定义光标进行在线游戏,在这种情况下,它是一个狙击范围。 问题是当我通过CSS引用光标时,交互点仍然是图标的左上角,而它需要是光标图标的死角,才有意义。 这是光标: cursor:url(http://www.seancannon.com/_test/sniper-scope.cur),default; 这是一个演示: http : //jsfiddle.net/9kNyF/ 如果您将光标上的红点放在我在演示中创建的红点上,它将不会触发click事件。 你必须尝试将左上角对准它。 如果将光标设置回cursor:default; 你会看到点击事件发射得很好,这只是“瞄准”光标的问题。 游戏是用JQuery编写的,所以如果我需要在那里添加一些逻辑偏移或一些蹩脚的错误,那就这样吧。 理想情况下,我希望这是一个CSS修复。 谢谢!