Questions tagged «jquery»

jQuery是一个JavaScript库,请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jQuery的问题应与jQuery相关,因此问题代码应使用jQuery,并且问题中至少需要与jQuery使用相关的元素。

6
未捕获的TypeError:无法读取未定义的属性“ top”
如果这个问题已经回答,我深表歉意。我尝试搜索解决方案,但是找不到适合我的代码的解决方案。我还是jQuery新手。 对于两个不同的页面,我有两种不同类型的粘滞菜单。这是两者的代码。 $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > contentNav) { $('.content-nav').addClass('content-nav-sticky'); } else {; $('.content-nav').removeClass('content-nav-sticky') } }; stickyNav(); $(window).scroll(function () { stickyNav(); }); }); $(document).ready(function () { var stickyNavTop = $('.nav-map').offset().top; // var contentNav = $('.content-nav').offset().top; …
91 javascript  jquery  html  css  dom 



10
检测页面是否已完成加载
有没有一种方法可以检测页面何时完成加载,即页面的所有内容,javascript和诸如CSS和图像之类的资产? 像这样: if(PAGE HAS FINISHED LOADING) { // do something amazing } 另外,如果页面已加载超过1分钟,则执行其他操作,例如: if(PAGE HAS BEEN LOADING FOR 1 MIN) { // do something else amazing } 我见过像Apple的MobileMe这样的网站也进行了类似的检查,但无法在庞大的代码库中弄清楚。 有人可以帮忙吗? 谢谢 编辑:这实际上是我想做的: // hide content $("#hide").hide(); // hide loading $("#loading").hide(); // fade in loading animation setTimeout($('#loading').fadeIn(), 200); jQuery(window).load(function() { $("#hide").fadeIn(); $("#loading").fadeOut(function() …
91 jquery 



8
jQuery Ajax-进行Ajax调用时如何检测网络连接错误
我有一些Javascript JQuery代码,每5分钟对服务器执行Ajax调用,这是为了保持服务器会话活动并保持用户登录。我$.ajax()在JQuery中使用方法。如果用户的互联网连接断开,以便KeepAlive脚本继续运行,则该函数似乎具有“错误”属性,我正在尝试使用该属性。我正在使用以下代码: var keepAliveTimeout = 1000 * 10; function keepSessionAlive() { $.ajax( { type: 'GET', url: 'http://www.mywebapp.com/keepAlive', success: function(data) { alert('Success'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('Failure'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); } }); } 当我运行它时,每隔10秒,我将在警报框中的屏幕上显示“成功”弹出窗口,这很好。但是,一旦拔下网络电缆,我什么也没得到,我期望调用错误函数并看到“失败”警报框,但是什么也没有发生。 我是否假设“错误”功能仅适用于从服务器返回的非“ 200”状态代码,我是否正确?进行Ajax调用时,是否可以检测网络连接问题?

6
单击时平滑滚动到特定div
我正在尝试做的是使它成为可能,如果您单击一个按钮,它将向下(平滑地)滚动到页面上的特定div。 我需要的是,如果单击该按钮,它将平滑滚动到div的“ second”。 .first { width: 100%; height: 1000px; background: #ccc; } .second { width: 100%; height: 1000px; background: #999; } <div class="first"><button type="button">Click Me!</button></div> <div class="second">Hi</div> 运行代码段隐藏结果展开摘要

9
无法更新数据属性值
尽管网上有一些有关此的示例,但它似乎无法正常工作。我不知道问题所在。 我有这个简单的html <div id="foo" data-num="0"></ div> <a href="#" id="changeData">change data value</a> 每次我单击“更改数据值”链接时,我想更新data-num的数据值。例如,我需要将其设置为1,2,3,4,...(每次单击链接时加1) 我所拥有的是 var num = $('#foo').data("num"); console.log(num); num = num+1; console.log(num); $('#foo').attr('data-num', num); 该值每次从0变为1。我不能使其递增。有什么建议我做错了吗?
91 jquery 

4
使用jQuery动态创建每个输入值的JSON
我遇到了一种情况,我想通过PHP以JSON格式读取一些数据,但是在理解如何构造Javascript对象以动态创建JSON格式时遇到了一些问题。 我的情况如下: <input title="QA" type="text" class="email"> <input title="PROD" type="text" class="email"> <input title="DEV" type="text" class="email"> 到目前为止,我拥有的Javascript代码会通过每个输入获取数据,但是我无法理解如何从这里开始进行处理。 var taskArray = {}; $("input[class=email]").each(function() { var id = $(this).attr("title"); var email = $(this).val(); //how to create JSON? }); 如果可能,我想获得以下输出。 [{title: QA, email: 'a@a.com'}, {title: PROD, email: 'b@b.com'},{title: DEV, email: 'c@c.com'}] 通过输入字段值获取电子邮件的位置。
91 javascript  jquery  html  json 

5
如何逐行读取文本区域HTML标签
我有一个文本区域,其中每一行都包含Integer值,如下所示 1234 4321 123445 我想检查用户是否真的确定了有效值,而不是一些有趣的值,如下所示 1234, 987l; 为此,我需要逐行阅读文本区域并进行验证。如何使用javascript逐行读取文本区域?

8
检查文本框是否为空
我有以下代码: var inp = $("#txt"); if(inp.val() != "") // do something 还有其他方法可以使用变量'inp'检查空文本框吗
90 jquery 

10
如何使用Twitter Bootstrap自动关闭警报
我正在使用twitter的bootstrap CSS框架(太棒了)。对于某些给用户的消息,我正在使用警报Javascript JS和CSS来显示它们。 对于那些感兴趣的人,可以在这里找到:http : //getbootstrap.com/javascript/#alerts 我的问题是这个;在向用户显示警报后,我希望它在一段时间后消失。根据twitter的文档和我浏览过的代码来看,它似乎不存在: 我的第一个问题是要求确认是否确实没有引入Bootstrap中 其次,如何实现这种行为?


8
复制到剪贴板而不使用Flash
我发现了很多复制到剪贴板的解决方案,但是它们要么全部使用Flash,要么用于网站。我正在寻找自动复制到剪贴板的方法,不带Flash,并且对于用户端,它适用于用户脚本,当然也适用于跨浏览器。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.