Tag: javascript

Javascript:用户完成滚动后执行操作

我正在试图找到一种方法来做到这一点。 我有一个盒子列表,每个大约150px高。 我正在使用javascript(和jquery),并希望在用户向下滚动页面后,页面将自动滚动,以便框与页面的其余部分对齐(也就是说,如果用户滚动和y页面的位置不能被150整除,它将滚动到最近的点)。 现在,我现在知道我可以使用.scroll() jquery事件激活一个事件,我可以使用.scrollTop()将其移动到某一点。 但是用户移动滚动条的每个像素都会激活整个function。 那么有没有办法延迟function从触发直到用户没有滚动,如果他们应该再次开始滚动,该function将停止?

使用javascript禁用中间点击滚动

背景 :我正在创建一个让人联想到whenisgood.net的表,因为它具有click-n-drag切换表元素。 当左,中,右鼠标按钮激活mousedown事件时,我想调用不同类型的切换代码。 通过使用JQuery,我有一个良好的开端。 $(“.togglable”).bind(“contextmenu”, function() {return false;}); $(“.togglable”).bind(“mousedown”, function(e){ e.preventDefault(); toggle(this, e); }); 在toggle()函数中,我可以使用e.which来确定单击了哪个按钮。 妙语:我使用e.preventDefault()希望它能阻止滚动的中间点击默认行为。 它没有。 我该怎么做才能阻止滚动动作激活? 另请参阅“使用中键单击触发onclick事件”

jQuery匹配hasClass类的一部分

我有几个div与“project [0-9]”类: 我想检查元素是否有“project [0-9]”类。 我有.hasClass(“project”)但我坚持使用匹配的数字。 任何的想法?

在一个AJAX调用中调用html内部的jQuery函数

我正在使用jQuery的网页。 我有一个Ajax调用,从服务器获取数据并更新div。 在该数据内部有一个jQuery函数,但是在将数据加载到页面后没有调用该函数。 我已经在页面中包含了正确的js文件。 这是从Ajax调用返回并放入div的内容: $(function() { $(‘input’).myFunction(‘param’); }); other html 将html插入页面后如何获取返回的javascript? (我正在使用带有jRails插件的Rails)

使用javascript滚动滚动条或鼠标滚轮后的火灾事件

我想知道是否可以在滚动页面后使用滚动条或鼠标滚轮(或在触摸设备上轻扫)时触发事件。 基本上,我想检测用户何时停止滚动,以便我可以加载AJAX,而不是在滚动时加载。 似乎jQuery’s .scroll()每次用户滚动时都会触发,而且一直有事件触发似乎很笨拙。 有没有.onScrollAfter() ,与.onScrollAfter()同义吗? 我想知道这是否可能(或者如果函数已经存在)而不使用框架,尽管我会考虑一个; 特别是jQuery 。

如何编写一个简单的jQuery插件

我想用jquery创建简单的插件。 还建议我在编写jQuery插件时进行标准练习。 请大家给我一些更好的指示。

用于解析JSON的JavaScript eval()的替代方法

快速问题。 JavaScript中的Eval是不安全的,不是吗? 我有一个JSON对象作为字符串,我需要把它变成一个实际的对象,所以我可以获取数据: function PopulateSeriesFields(result) { data = eval(‘(‘ + result + ‘)’); var myFakeExample = data.exampleType } 如果它有助于我使用jQuery中的$ .ajax方法。 谢谢

使用AJAX将JavaScript数组发布到asp.net MVC控制器

我的控制器: [HttpPost] public ActionResult AddUsers(int projectId, int[] useraccountIds) { … } 我想通过AJAX将参数发布到控制器。 传递int projectId不是问题,但是我无法发布int[] 。 我的JavaScript代码: function sendForm(projectId, target) { $.ajax({ traditional: true, url: target, type: “POST”, data: { projectId: projectId, useraccountIds: new Array(1, 2, 3) }, success: ajaxOnSuccess, error: function (jqXHR, exception) { alert(‘Error message.’); } }); } 我尝试使用测试arrays,但没有成功。 :(我也尝试设置traditional: true或contentType: ‘application/json; charset=utf-8’但是没有成功… 发布到我的控制器的int[] […]

如何使用jQuery添加DOM元素?

我有一个function,我目前正在使用它来显示隐藏的div.a_type 我怎样才能修改这段代码,这样我就可以将新的div添加到DOM中,而不是淡入隐藏的div jQuery(function(){//添加答案 jQuery的( “add_answer”)。点击(函数(){ if(count> =“4”){ 警报(’只允许4个答案’); }其他{ var count = $(this).attr(“alt”); 计数++; ( ‘a_type _ ‘+数+”):$(本)。家长( ‘DIV第一’)找到淡入(); $(this).attr(“alt”,count); } }); }); 好的,既然我已经解决了这个问题,我还有一个问题, 我有另一个函数,如果单击一个按钮,将删除插入的div。 现在它没有工作,额外的div没有加载到页面加载的dom。 我如何触发function现在删除这些? jQuery(function(){//隐藏答案 jQuery(“.destroy_answer”).click(function(){ $(this).parents(“div:first”).fadeOut(function (){ $(this).remove() }); var count = $(this).parents(‘div:first’).parents(‘div:first’).find(‘.add_answer’).attr(“alt”); count–; $(this).parents(‘div:first’).parents(‘div:first’).find(‘.add_answer’).attr(“alt”, count); }); });

使用jQuery动态填写表单值

我知道如何使用纯PHP执行此操作但我需要在不重新加载页面的情况下执行此操作。 无论如何使用jQuery来有效地撤回一些数据库结果(基于用户在表单上的第一个文本字段中输入的内容)然后使用从db查询中拉回的数据填充一些剩余字段? 基本上我希望看​​到用户远离文本字段(通过标签或通过单击下一个字段)和繁荣,使用在该字段中输入的值提交查询,然后填充后续字段w / oa页面重新加载。 我熟悉jQuery的基础知识,但我没有用它来做这样的事情,我从服务器中提取数据并试图填充客户端。 任何关于如何最好地开始这个的建议/例子将非常感谢。 谢谢。 尼古拉斯