Tag: javascript

使用javascript / jquery生成页码？

如何使用javascript / jquery生成如下所示的页码？ 如果选择了第5页，我必须显示3,4和6,7以及1，最后一页显示prev，next …任何建议…. 编辑： 如何使用这些分页div的json数据？ （即）我的json数据在第1页中包含50个我想要10的记录，依此类推……如何使用这些数字对json数据进行分页… 我想要一个jquery函数来传递currentpageno,lastpagenumber ，该函数应该为我生成如下页面编号 如果是第一页 istpage http://img156.imageshack.us/img156/2527/1pagel.jpg 如果它在中间， 传呼机http://img98.imageshack.us/img98/7278/pagersy.jpg 如果是最后一页， 最后一页http://img204.imageshack.us/img204/541/lastpage.jpg 第二次编辑： 我尝试过这个function，但似乎没有得到理想的结果 function generatePages(currentPage, LastPage) { if (LastPage <= 5) { var pages = ''; for(var i=1;i<=5;i++) { pages += "” + i + “” } $(“#PagerDiv”).append(pages); } if (LastPage > 5) { var pages = ”; for […]

与原生DOM方法相比，为什么jQuery选择器的function如此之慢

我知道这个话题已经被多次辩论过了，但是我正在寻找更加技术性和详细的洞察力来了解真正发生的事情。 我设计了一系列测试来比较jQuery最基本的选择器’#id’和’.class’与各种原生DOM方法的速度。 我希望找出结果是什么的确切原因。 以下是测试： http ： //jsperf.com/jqueryspeed 最值得注意的是，getElementById显然是最快的。 为了比较，我添加了jQuery（’＃id’）和jQuery.fn.init（’＃id’）作为测试，两者之间的区别在于第一个确实实现了一个全新的jQuery对象，而第二个是只运行原型函数，因此更快。 所以，这两者之间的区别是可以理解的。 然而，我不理解的主要区别是getElementById的速度和jQuery.fn.init的速度之间的巨大差距，它有一个简单的测试来以特定的方式处理一个简单的（’#id’）请求，回到对getElementById本身的调用。 那么，为什么例如在Chrome上，这种方法比原生方法快8倍，即使它基本上只是它的包装？ 它也比包装的getElementById $（document.getElementById（’＃id’））慢约3-4倍… 有什么想法吗？

无缝的jQuery Marquee？

是否有可能在jQuery（或只是javascript但jQuery首选）中创建100％无缝选框？ 我做了一个简单的选框，向左移动直到它离开屏幕然后只是跳到（在视线外）向右，然后重新开始。 但是我希望它没有等待。 我能想到这样做的唯一方法是复制文本并将其放在第一个文本之后，然后再将它们换成圆形。 但是我不知道如何在jQuery中实现它，我一直在研究jQuery的.clone()但是无法使它正常工作，一切都在跳跃。 有任何想法吗？ 谢谢你的时间，

在Ajax回调中访问`this`，都在Object内

我正在处理一个关于Object内部的Ajax回调的问题。 请考虑以下代码： Search.prototype = { ask : function( query ) { // Display loader $(‘.loader’).show(); $.ajax({ dataType : ‘jsonp’, type : ‘GET’, url : ‘http://api.deezer.com/search/track/’, data : { output : ‘jsonp’, q : query } }).done(function(res) { this.loadResults( res ); // [Error] Object success has no method ‘loadResult’ }); }, loadResults : function (res) { […]

在引导程序中创建一个固定到底部的导航栏，在切换时向上滑动内容

我在我的网站上有两个导航栏，一个在标题中，另一个在页脚中 标题部分工作正常，但我想要的是页脚应该类似于导航栏，但是，当我进入移动视图（较小的视口）时，会出现一个切换按钮（默认引导程序function）但是当单击该切换时，它会向下滑动，内容显示在导航栏下方，尽管向上，所以，任何人都可以帮助我吗？ 我不知道，如何在Fiddle中包含Bootstrap，所以直接发布我的页脚代码。 它直接包括，bootstrap文件和Fontawesome文件。 获得Bootply链接： http ： //bootply.com/104001 Browse Our Library About Us Contact Us Our Partners User Review Terms & Conditions Privacy Policy

确定鼠标是否发生在DIV的左半部分或右半部分

我想知道是否可以计算鼠标单元的左半部分还是右半部分是否发生了鼠标点击： $(“div”).click(function(e){ // calculate if click happened on left or right half }); Variable Content 希望有办法获得相对坐标并将它们与div的宽度联系起来？

计算并显示页面加载进度的百分比

我有一个加载器，在页面加载时加载。 我需要显示完成百分比。 我的应用程序包含大量的jquery和css，它还包含一个ajax调用。 截至目前，我已在页面加载开始时显示进度条，并在ajax成功完成时隐藏它。 此外，我已显示百分比，但使用以下代码手动增加： function timeout_trigger() { $(“.progress”).css(“max-width”, p + “%”); $(“.progress-view”).text(p + “%”); if (p != 100) { setTimeout(‘timeout_trigger()’, 50); } p++; } timeout_trigger(); 这里的问题是，在进度达到100之前，页面加载并显示内容，因此加载器隐藏在两者之间 – 比如60％ – 加载器被隐藏。 我想动态地计算页面加载完成的百分比（即，jquery加载时间，css加载时间等）并相应地增加进度。 请帮忙解决这个问题..

jQuery：拖放：找到目标的id

我正在开发一个拖放应用程序。 我有一个可以在文档中拖动的DIV，文档中还有一些其他的div，我可以将一个div拖到其他div，但是如何找到拖放DIV的div的id， 我只是想在将DIV放在上面之后知道目标DIV的id。 谢谢

滚动音频

我正在使用skrollr插件做一个网站，我几乎完成了图片和滚动本身，所以我现在尝试添加音频，但我似乎无法使音频开始和停止我想要它来。 这是我目前正在使用的脚本： $(window).scroll(function() { var height = $(document).height() – $(window).height(); var scroll = $(window).scrollTop(); var audioElm = $(‘#soundTour’).get(0); audioElm.play(); audioElm.volume = 1 – $(window).scrollTop()/height; console.log(audioElm.volume); }); 这使得我的音频在网站加载后立即启动并在整个网站的范围内逐渐淡出，所以当你滚动到底部时，它完全是静音的。 我试过在脚本中弄乱“高度”变量，但无济于事。 声音总是大大降低，但仍然在背景中微弱地播放。 有没有办法让它在某个滚动点闭嘴？ 例如，让音频播放在$（窗口）.scrollTop（）= 500并停在$（窗口）.scrollTop（）= 3000？

Jqueryvalidation插件| resetForm不起作用

当用户点击clear form按钮时，我试图清除所有错误消息以及错误突出显示，下面是实际要求 使用Jqueryvalidationvalidation表单 当用户单击字段时，应清除错误消息（每个字段） 单击“重置”按钮时，应清除每个错误 这是我的代码 $( document ).ready(function(){ var validator = $(“#register_form”).validate({ validator.resetForm(); focusCleanup: true, rules: { // custom rules }, messages: { // custom messages } }); 对我而言，前两件事情正在发挥作用，但当我试图清除完整的表格时，我无法做到这一点。这就是我试图清除它的方式 function clearInputForm(){ alert(“”); var validator1 = $( “#register_form” ).validate(); validator1.resetForm(); $(“#register_form”)[0].reset(); } 但是没有任何事情发生，尽管有$(“#register_form”)[0].reset(); ，表单字段变得清晰，但错误消息未被清除。