程序设计 jquery

10

我有3个用于输入电话号码的文本框。当用户键入内容时，它会自动从一个文本框移动到下一个文本框。当用户按下退格键时，我可以将焦点移到上一个文本框。问题在于，在IE中，焦点设置为文本框的开头。这是我的代码，在chrome中可以正常工作。 $('#AreaCode').live('keyup', function (event) { if ($(this).val().length == $(this).attr("maxlength")) $('#Prefix').focus(); }); $('#Prefix').live('keyup', function (event) { if (event.keyCode == 8 && $(this).val().length == 0) $('#AreaCode').focus(); if ($(this).val().length == $(this).attr("maxlength")) $('#Number').focus(); }); $('#Number').live('keyup', function (event) { if (event.keyCode == 8 && $(this).val().length == 0) $('#Prefix').focus(); }); 向后移动时如何将焦点设置在内容的末尾？

71 jquery focus

9

如何滚动到jQuery中的元素？

我已经在JavaScript中完成了以下代码，将重点放在特定元素上（branch1是一个元素）， document.location.href="#branch1"; 但是由于我也在Web应用程序中使用jQuery，所以我想在jQuery中执行上述代码。我已经尝试过，但是不知道为什么它不起作用， $("#branch1").focus(); 上面的jquery（focus（））代码不适用于div，而如果我尝试使用文本框使用相同的代码，则它可以正常工作，请告诉我，如何使用jQuery专注于div元素？谢谢！

71 javascript jquery html focus

4

Ajax替换而不是追加

我使用了下面的jQuery示例，它的工作原理就像一个魅力。但是，它会附加结果。我需要更改什么以替换结果而不是附加结果？

71 jquery ajax replace append

8

使用jQuery更改CSS类属性

有没有一种方法可以使用jQuery更改CSS类的属性，而不是元素属性？这是一个实际的例子：我上课有一个div red .red {background: red;} 我要更改类red背景属性，而不是已red分配了类背景的元素。如果我使用jQuery .css（）方法做到这一点： $('.red').css('background','green'); 它会影响现在具有class的元素red。到这里为止一切都很好。但是，如果我进行Ajax调用，并在redclass中插入更多div ，则这些背景将不会具有绿色背景，而它们将具有初始red背景。我可以再次调用jQuery .css（）方法。但是我想知道是否有一种方法可以更改类本身。请考虑这只是一个基本示例。

71 jquery css ajax class properties

9

禁用提交按钮，直到所有字段都具有值

我要禁用我的提交按钮，直到所有字段都具有值。我该怎么做？ <html> <head> <title></title> <style type="text/css"> </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#register').attr("disabled", true); }); </script> </head> <body> <form> Username<br /> <input type="text" id="user_input" name="username" /><br /> Password<br /> <input type="text" id="pass_input" name="password" /><br /> Confirm Password<br /> <input type="text" id="v_pass_input" name="v_password" /><br /> Email<br /> <input type="text" …

71 jquery

5

如何在jQuery中使用：not和hasClass（）以获取没有类的特定元素

我有这行代码： $('#sitesAccordion .groupOfSites').click(function() { var lastOpenSite = $(this).siblings().hasClass(':not(.closedTab)'); console.log(lastOpenSite); }); 我得到“假”而不是得到其他元素之一（假设有一个-必须存在）。我猜问题出在： .hasClass(':not(.closedTab)'); 问题是什么？我的目的是创建自己的手风琴（不使用jQuery UI）我正在尝试这样写： $('#sitesAccordion .groupOfSites').click(function() { //Get the last opened tab var lastOpenSite = $(this).siblings().hasClass(':not(.closedTab)'); //Close last opened tab and add class lastOpenSite.hide().toggleClass('closedTab'); //Open the current Tab $(this).children('.accordionContent').toggle('fast'); // remove class from open tab $(this).toggleClass('closedTab'); }); 这是最好的方法吗？谢谢，阿隆

71 javascript jquery html accordion

5

子元素点击事件触发父点击事件

假设您有这样的代码： <html> <head> </head> <body> <div id="parentDiv" onclick="alert('parentDiv');"> <div id="childDiv" onclick="alert('childDiv');"> </div> </div> </body> </html> 我不想在parentDiv点击childDiv怎么办？更新另外，这两个事件的执行顺序是什么？

71 javascript jquery dhtml

21

使用jQuery，当用户仍在编辑文本字段时，如何将其大写呢？

我正在寻找一个示例，该示例如何大写输入文本字段的字符串的首字母。通常情况下，这是对整个领域完成了一个功能，正则表达式，OnBlur，OnChange等我想首字母大写，而用户仍然打字。例如，如果我输入单词“ cat”，则用户应按“ c”，然后在按“ a”时，C应当在该字段中大写。我想我想要的是可能的 keyup或keypress，但我不知道从哪里开始。有人给我一个例子吗？

71 javascript jquery capitalization

11

自动完成问题进入引导模式

我在模态对话框启动程序内的jQuery自动完成功能中出现显示问题。当我滚动鼠标时，结果不会保持附加到输入中。有办法解决吗？在这里JsFiddle： .ui-autocomplete-input { border: none; font-size: 14px; width: 300px; height: 24px; margin-bottom: 5px; padding-top: 2px; border: 1px solid #DDD !important; padding-top: 0px !important; z-index: 1511; position: relative; } 编辑我发现了问题： .ui-autocomplete { position: fixed; ..... } 如果模态已经滚动，问题仍然存在！在这里JsFiddle / 1。

71 jquery twitter-bootstrap jquery-ui-autocomplete bootstrap-modal

4

在800px之后在scrollDown上显示div

我要从页面顶部向下滚动800px后显示隐藏的div。到目前为止，我已经有了这个示例，但是我想需要修改它才能达到我想要的目的。编辑： [并且当scrollUp且高度小于800px时，此div应该隐藏] HTML： <div class="bottomMenu">  </div> CSS： .bottomMenu { width: 100%; height: 60px; border-top: 1px solid #000; position: fixed; bottom: 0px; z-index: 100; opacity: 0; } jQuery的： $(document).ready(function() { $(window).scroll( function(){ $('.bottomMenu').each( function(i){ var bottom_of_object = $(this).position().top + $(this).outerHeight(); var bottom_of_window = $(window).scrollTop() + $(window).height(); if( …

71 jquery html css

11

在Django中通过AJAX发布参数时，“ CSRF令牌丢失或不正确”

我尝试发布参数像 jQuery.ajax( { 'type': 'POST', 'url': url, 'contentType': 'application/json', 'data': "{content:'xxx'}", 'dataType': 'json', 'success': rateReviewResult } ); 但是，Forbidden 403. CSRF verification failed. Request aborted. 我正在使用Django返回，'django.middleware.csrf.CsrfViewMiddleware'并且找不到如何在不损害安全性的情况下防止此问题。

71 django jquery django-csrf

8

快速替换css文件（并将新样式应用于页面）

我有一个页面，该页面<link>的标题加载了名为的CSS light.css。我还有一个名为的文件dark.css。我想要一个按钮来一起交换页面的样式（css文件中使用40个选择器，而两个文件中有一些不匹配）。如何删除light.css与JS的引用并删除所有已应用的样式，然后dark.css从中加载并应用所有样式？我不能简单地重置所有元素，因为某些样式是通过不同的CSS文件应用的，而某些样式是由JS动态生成的。是否有一种简单但有效的方法来执行此操作而无需重新加载页面？最好使用Vanilla JS，但是无论如何我都会使用jQuery进行后续处理，因此jQ也很好。

71 javascript jquery html css

5

如何获得onclick调用对象？

我需要在onclick事件的调用对象上有一个处理程序。 <a href="123.com" onclick="click123(event);">link</a> <script> function click123(event) { //i need <a> so i can manipulate it with Jquery } </script> 我想在不使用jQuery$().click或$().livejQuery的情况下执行上述操作。

71 javascript jquery html

17

滚动后更改导航栏颜色？

如何设置没有背景色的导航栏？ div后向下滚动时，导航栏将获得新的背景色（导航栏应固定在顶部，我navbar-fixed-top在Bootstrap中使用）我尝试了一些教程，但没有成功。这是网站：http : //attafothman.olympe.in/ 我在说的是顶部的黑色导航栏。

71 javascript jquery html css twitter-bootstrap

5

使用jQuery Validate确认密码

我正在尝试使用jQuery validate插件来确认我的密码输入。但是，我不希望它成为必填字段。仅当用户想要更改密码时，他们才需要进行确认。如果不是，则两个字段都不应该被验证。 jQuery('.validatedForm').validate({ rules: { password: { required: true, minlength: 5 }, password_confirm: { required: true, minlength: 5, equalTo: "#password" } } }); 这很正常，但是同样，两个字段都是必需的。如果有人只想更改其电子邮件地址或用户名，并且不设置密码，我想选择此选项。

71 jquery jquery-validate

Questions tagged «jquery»