Questions tagged «jquery»

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

11
是否可以听“风格改变”事件?
是否可以在jQuery中创建可以绑定到任何样式更改的事件侦听器?例如,如果我想在元素更改尺寸或对style属性进行任何其他更改时“执行”操作,则可以执行以下操作: $('div').bind('style', function() { console.log($(this).css('height')); }); $('div').height(100); // yields '100' 这将非常有用。 有任何想法吗? 更新 很抱歉自己回答这个问题,但是我写了一个可能适合其他人的简洁解决方案: (function() { var ev = new $.Event('style'), orig = $.fn.css; $.fn.css = function() { $(this).trigger(ev); return orig.apply(this, arguments); } })(); 这将临时覆盖内部prototype.css方法,并在末尾使用触发器重新定义它。所以它是这样的: $('p').bind('style', function(e) { console.log( $(this).attr('style') ); }); $('p').width(100); $('p').css('color','red');
206 javascript  jquery 

9
.append(),prepend()、. after()和.before()
我非常精通编码,但是有时我会遇到似乎基本上做相同事情的代码。我在这里的主要问题是,为什么要使用.append()而不是然后.after()反之? 我一直在寻找并且似乎找不到关于两者之间差异以及何时使用它们以及何时不使用它们的清晰定义。 一个人相对于另一个人有什么好处?为什么我先使用一个而不是另一个?有人可以向我解释一下吗? var txt = $('#' + id + ' span:first').html(); $('#' + id + ' a.append').live('click', function (e) { e.preventDefault(); $('#' + id + ' .innerDiv').append(txt); }); $('#' + id + ' a.prepend').live('click', function (e) { e.preventDefault(); $('#' + id + ' .innerDiv').prepend(txt); }); $('#' + id + …

7
使用jQuery滚动到一个div
所以我有一个页面,侧面有一个固定的链接栏。我想滚动到不同的div。基本上,该页面只是一个较长的网站,我想使用侧面的菜单框滚动到不同的div。 这是我到目前为止的jQuery $(document).ready(function() { $('#contactlink').click = function() { $(document).scrollTo('#contact'); } }); 问题是它会在加载时自动转到联系人div,然后当我按#contactlink菜单中的时,它会滚动回到顶部。 编辑:HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- jQuery--> <script src = "<?php echo base_url() ?>assets/js/jquery.js"></script> <!-- .js file--> <script src = "<?php echo base_url() ?>assets/js/pagetwo.js"></script> <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/reset.css" /> <!-- .css for page …
205 jquery  scroll 

29
使用jQuery更改输入字段的类型
$(document).ready(function() { // #login-box password field $('#password').attr('type', 'text'); $('#password').val('Password'); }); 这应该更改的#password输入字段(带有id="password")type password为普通文本字段,然后填写文本“ Password”。 但是,它不起作用。为什么? 形式如下: <form enctype="application/x-www-form-urlencoded" method="post" action="/auth/sign-in"> <ol> <li> <div class="element"> <input type="text" name="username" id="username" value="Prihlasovacie meno" class="input-text" /> </div> </li> <li> <div class="element"> <input type="password" name="password" id="password" value="" class="input-text" /> </div> </li> <li class="button"> <div class="button"> <input …

1
确定$ .ajax错误是否超时
我正在利用的魔力jQuery.ajax( settings )。 但是,我想知道是否有人玩过超时设置? 我知道这基本上是决定请求的本地时间,但是如果达到超时时间,它可以触发任何内容吗?还是只是停止听别人的回应? 阅读jQuery站点,我可以看到没有传递任何参数,因此这似乎是一种具有一种功能的简单设置。没关系 但是,如果超时,我想触发警报或某些功能。在这种情况下,我可以看到错误设置没有被触发。 这是我的片段: $("form#testform").submit(function(){ var allFormValues = $("form#testform").serialize(); $.ajax({ cache:false, timeout:8000, // I chose 8 secs for kicks type:"POST", url:"someurl.php", data:allFormValues, error:function(){ alert("some error occurred") }, success:function(response){ alert(response); } }); }); 有谁知道如何更多地处理超时?

18
jQuery模板引擎[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow 的主题。 3年前关闭。 改善这个问题 我正在寻找使用客户端的模板引擎。我一直在尝试一些像jsRepeater和jQuery Templates的模板。尽管它们在FireFox中似乎可以正常工作,但当它们涉及到呈现HTML表时,它们似乎都在IE7中崩溃了。 我还查看了MicrosoftAjaxTemplates.js(来自http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=16766),但事实证明它存在相同的问题。 关于要使用的其他模板引擎有什么建议吗?

4
如何从jQuery选择器中排除$(this)?
我有这样的事情: <div class="content"> <a href="#">A</a> </div> <div class="content"> <a href="#">B</a> </div> <div class="content"> <a href="#">C</a> </div> 当单击这些链接之一时,我要在未单击的链接上执行.hide()函数。我了解jQuery具有:not选择器,但是在这种情况下我不知道如何使用它,因为有必要使用$(".content a") 我想做类似的事情 $(".content a").click(function() { $(".content a:not(this)").hide("slow"); }); 但在这种情况下,我不知道如何正确使用:not选择器。



7
jQuery.parseJSON由于JSON中的单引号转义而引发“无效的JSON”错误
我正在使用向服务器发出请求,jQuery.post()并且服务器正在返回JSON对象(如{ "var": "value", ... })。但是,如果任何一个值包含一个单引号(正确转义为\'),则jQuery无法解析其他有效的JSON字符串。这是我的意思的示例(在Chrome的控制台中完成): data = "{ \"status\": \"success\", \"newHtml\": \"Hello \\\'x\" }"; eval("x = " + data); // { newHtml: "Hello 'x", status: "success" } $.parseJSON(data); // Invalid JSON: { "status": "success", "newHtml": "Hello \'x" } 这正常吗?没有办法通过JSON正确传递单引号吗?
202 javascript  jquery  json 

20
根据内部内容使iframe高度动态-JQUERY / Javascript
Наэтотвопросестьответына 堆栈溢出нарусском:КакрастянутьIFRAMEнавысотувсегоегосодержимого? 我正在iframe中加载aspx网页。iframe中的内容可以比iframe的高度更高。iframe不应该具有滚动条。 我div在iframe中有一个包装器标签,基本上是所有内容。我写了一些jQuery来调整大小: $("#TB_window", window.parent.document).height($("body").height() + 50); 所在TB_window的div在哪里 Iframe。 body -iframe中aspx的body标签。 该脚本已附加到iframe内容中。我TB_window从父页面获取元素。虽然这在Chrome上可以正常运行,但是TB_window在Firefox中崩溃。我真的很困惑/迷茫,为什么会这样。

5
在jQuery中将live()变成on()
我的应用程序已动态添加了下拉列表。用户可以根据需要添加任意数量。 传统上,我使用jQuery的live()方法来检测何时change()编辑以下Dropdowns之一: $('select[name^="income_type_"]').live('change', function() { alert($(this).val()); }); 从jQuery 1.7开始,我已经将其更新为: $('select[name^="income_type_"]').on('change', function() { alert($(this).val()); }); 查看文档,这应该是完全有效的(对吗?)-但是事件处理程序永远不会触发。当然,我已经确认jQuery 1.7已加载并正在运行,等等。错误日志中没有错误。 我究竟做错了什么?谢谢!

6
JavaScript何时同步?
我一直以为JavaScript总是异步的。但是,我了解到在某些情况下不是(即DOM操作)。关于何时何时将同步以及何时异步将有很好的参考吗?jQuery会完全影响吗?
202 javascript  jquery 

7
jQuery如果div ID有孩子
这个 if是给我带来麻烦的条件: if (div id=myfav has children) { do something } else { do something else } 我尝试了以下所有方法: if ( $('#myfav:hasChildren') ) { do something } if ( $('#myfav').children() ) { do something } if ( $('#myfav:empty') ) { do something } if ( $('#myfav:not(:has(*))') ) { do something }
202 jquery  children 

5
CSS3过渡完成时回调
我想淡出一个元素(将其不透明度转换为0),然后在完成后从DOM中删除该元素。 在jQuery中,这很简单,因为您可以指定动画完成后进行的“删除”操作。但是,如果我希望使用CSS3过渡进行动画处理,是否可以知道过渡/动画何时完成?
202 javascript  jquery  css 

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.