Tag: jQuery
等待多个asynchronous调用完成后再继续
所以，我有一个页面加载并通过jquery.get做出几个请求来填充下拉列表的值。 $(function() { LoadCategories($('#Category')); LoadPositions($('#Position')); LoadDepartments($('#Department')); LoadContact(); }; 然后调用LoadContact（）; 哪一个做了另一个调用，当它返回时，它填充表单上的所有字段。 问题是，往往下拉不是全部填充，因此，它不能将它们设置为正确的值。 我需要做的是以某种方式使LoadContact只在其他方法完成且callback完成后才执行。 但是，我不希望在调用LoadContact（）之前把一堆标志放在下拉群体callback的最后，然后我再检查，并且必须有一个recursionsetTimeout调用检查。 jQuery中有什么让我说：“当所有这些都完成后执行这个。”？ 更多信息我正在思考这方面的事情 $().executeAfter( function () { // When these are done LoadCategories($('#Category')); LoadPositions($('#Position')); LoadDepartments($('#Department')); }, LoadContact // Do this ); …需要跟踪方法执行过程中发生的ajax调用，当它们全部完成时，调用LoadContact; 如果我知道如何拦截正在使用该function的Ajax，我可以写一个jQuery扩展来完成这个function。 我的解决scheme ;(function($) { $.fn.executeAfter = function(methods, callback) { var stack = []; var trackAjaxSend = function(event, XMLHttpRequest, ajaxOptions) { var […]
jquery获取所有表单元素：input，textarea和select
有一个简单的方法（没有单独列出所有）在jQuery中select所有的表单元素，只有forms的元素。 我不能使用children（）等，因为表单包含其他的HTML。 例如： $("form").each(function(){ $(this, "input, textarea, select"); });
如何在JavaScript中设置时间延迟
我在网站上有一段js来切换图片，但是当您再次点击图片时需要延迟。 延迟应该是1000ms。 所以你会点击img.jpg然后img_onclick.jpg会出现。 然后点击img_onclick.jpg图像，然后在再次显示img.jpg之前有1000毫秒的延迟。 这里是代码： jQuery(document).ready(function($) { $(".toggle-container").hide(); $(".trigger").toggle(function () { $(this).addClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888http://img.dovov.comimg_onclick.jpg'); }, function () { $(this).removeClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888http://img.dovov.comimg.jpg'); }); $(".trigger").click(function () { $(this).next(".toggle-container").slideToggle(); }); });
设置相对于父div的“Position：fixed”div的宽度
我想给一个div（position：fixed）100％的宽度（与它的父div有关）。 但是我有一些问题 编辑： 第一个问题是通过使用inheritance，但它仍然无法工作。 我认为问题是，我使用多个div取100％/inheritance宽度。 你可以在jsfiddle更新中find第二个问题： http : //jsfiddle.net/4bGqF/7/ Fox例子 #container { width: 800px; } #fixed { position: fixed; width: 100%; } 和HTML <div id="container"> <div id="fixed">Sitename</div> <p> blaat </p> </div> 或者你可以试试看： http : //jsfiddle.net/4bGqF/ 问题似乎是固定的元素总是取窗口/文档的宽度 。 有谁知道如何解决这个问题？ 我不能给我的固定元素一个固定的，因为我使用jScrollPane插件。 这取决于是否有滚动条的内容。 非常感谢！ PS：2个div的文字是相互重叠的。 这只是一个例子，所以这并不重要。
jQuery多个IDselect器
这里是我的代码的开始片段： var myUpload = $("#upload_link").upload({bla bla bla 基本上我想要做的是与几个不同的ID进行相同的调用… 我会认为这将工作，但它不： var myUpload = $("#upload_link,#upload_link2,#upload_link3").upload({ 有任何想法吗？
未捕获的ReferenceError：jQuery没有定义
我在我的网站上实现了一些JavaScript，但我不断收到以下错误消息： 未捕获的ReferenceError：未定义jQuery 和 未捕获的SyntaxError：意外的标记< 这是我在header.php中使用的JavaScript： <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.scrollTo.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.backgroundPosition.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/scripts.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.cycle.lite.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.accordian.js"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#contentGallery').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc… }); }); </script> </head> <body <?php body_class(); ?>> <div id="page" class="hfeed"> <header id="branding" role="banner"> […]
Ajax成功事件不起作用
我有一个registry单，并使用$.ajax来提交。 这是我的AJAX请求： $(document).ready(function() { $("form#regist").submit(function() { var str = $("#regist").serialize(); $.ajax({ type: 'POST', url: 'submit1.php', data: $("#regist").serialize(), dataType: 'json', success: function() { $("#loading").append("<h2>you are here</h2>"); } }); return false; }); }); 在我的submit1.php文件中，我检查数据库中是否存在字段电子邮件地址和用户名 。 如果这些值不存在页面刷新，我希望显示一条错误消息。 我如何将这个添加到我的AJAX请求的成功callback？
使用jQuery将HTML页面dynamic加载到div中
我试图做到这一点，当我点击一个HTML页面中的链接，它dynamic加载请求的页面到一个与jQuery的div。 我怎样才能做到这一点？ <html> <head> <script type="text/javascript"> // what can I do for load any url clicked? </script> </head> <body> <div id="content"></div> <a href="page1.html">Page 1</a><br /> <a href="page2.html">Page 2</a><br /> <a href="page3.html">Page 3</a><br /> <a href="page4.html">Page 4</a><br /> <a href="page5.html">Page 5</a><br /> <a href="page6.html">Page 6</a><br /> </body> </html>
HTML5占位符消失焦点
有没有一个免费的jQuery插件，改变placeholder行为，以符合HTML5规范？ 焦点之前 关注焦点（Safari） 焦点不好（Chrome，Firefox） 你可以用你的浏览器做这个简单的小提琴 。 HTML5草稿规范说 ： 用户代理应该向用户提供这个提示，当它已经剥离换行符，元素的值是空string和/或控件没有被聚焦时（例如，通过将其显示在未聚焦的空白控件中并且否则隐藏）。 “/或”在当前草案中是新的，所以我想这就是为什么Chrome和Firefox不支持它。 请参阅WebKit错误＃73629 ， 铬错误＃103025 。
元素数组中的jQuery min / max属性
有没有一种简单的方法来从jQuery中的元素数组中find最小/最大属性？ 我总是发现自己dynamic地调整基于最小和最大对应的元素组。 大多数情况下，这与元素的宽度和/或高度有关，但我确定这可以应用于元素的任何属性。 我通常做这样的事情： var maxWidth = 0; $('img').each(function(index){ if ($(this).width() > maxWidth) { maxWidth = $(this).width(); } }); 但似乎你应该能够做到这样的事情： var maxWidth = $('img').max('width'); 这个function是否存在于jQuery中，或者有人可以解释如何创build一个基本的插件来做到这一点？ 谢谢！
