Questions tagged «jquery»

我在查找有关此方面的特定信息和示例时遇到很多麻烦。我的应用程序中有许多jQuery UI对话框，这些对话框附加到已加载.ajax（）调用的div上。它们都使用相同的设置调用： $(".mydialog").dialog({ autoOpen: false, resizable: false, modal: true }); 我只想将对话框调整为要加载的内容的宽度。现在，宽度仅停留在300px（默认），我得到一个水平滚动条。 据我所知，“ autoResize”不再是对话框的选项，当我指定它时什么也没有发生。 我试图不为每个对话框编写单独的函数，因此.dialog("option", "width", "500")并不是一个选项，因为每个对话框的宽度都不同。 指定width: 'auto'对话框选项只会使对话框占用浏览器窗口宽度的100％。 我有什么选择？我正在将jQuery 1.4.1和jQuery UI 1.8rc1一起使用。看起来这应该很简单。 编辑：我已经为此实现了一个变通的解决方法，但我仍在寻找更好的解决方案。

134 javascript  jquery  ajax  jquery-ui  jquery-ui-dialog 

我有一个非常大的javascript文件，仅当用户单击某个按钮时才想加载。我正在使用jQuery作为我的框架。有内置的方法或插件可以帮助我做到这一点吗？ 一些更多的细节：我有一个“添加注释”按钮，应该加载TinyMCE javascript文件（我已经将所有TinyMCE的东西都煮成了一个JS文件），然后调用tinyMCE.init（...）。 我不想在初始页面加载时加载它，因为不是每个人都将单击“添加评论”。 我了解自己可以做到： $("#addComment").click(function(e) { document.write("<script...") }); 但是有更好的/封装的方法吗？

134 javascript  jquery  jquery-plugins  tinymce  lazy-loading 

我有两个HTML select框。select当我选择另一个框时，我需要重置一个框。 <select id="name" > <option value="">select all</option> <option value="1">Text 1</option> <option value="2">Text 2</option> <option value="3">Text 3</option> </select> <select id="name2" > <option value="">select all</option> <option value="1">Text 1</option> <option value="2">Text 2</option> <option value="3">Text 3</option> </select> 当选择第一个选项select（即id="name"）时，需要将第二个重置select为select all；同样，当我选择第二个选项select（即id="name2"）时，需要将第一个重置select为select all。 我怎样才能做到这一点？

134 javascript  jquery 

我正在尝试设置一个单选按钮。我想使用值或ID进行设置。 这就是我尝试过的。 $('input:radio[name=cols]'+" #"+newcol).attr('checked',true); newcol 是单选按钮的ID。 可能需要进行一些编辑。 有两组单选框，一组带有列，另一组带有行。因此，我明白了不使用ID的意义。我的错。所以我有一个例子： <input type="radio" name="rows" class="listOfCols" style="width: 50%; " value="Site"></input> 和 <input type="radio" name="cols" class="listOfCols" style="width: 50%; " value="Site"></input> 删除了ID，我需要设置正确的ID。

134 jquery  radio-button 

我使用这种data-方法在HTML标记中存储数据，如下所示： <td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td> 然后，我在这样的回调中检索数据： $(this).data('imagename'); 很好 我所坚持的是尝试保存对象，而不仅仅是保存其属性之一。我试图这样做： <td><button class='delete' data-image='"+results[i]+"'>Delete</button></td> 然后，我尝试像这样访问name属性： var imageObj = $(this).data('image'); console.log('Image name: '+imageObj.name); 日志告诉我undefined。所以看起来我可以在data-属性中存储简单的字符串，但不能存储JSON对象... 我也尝试过使用这种语法的孩子，但运气不好： <div data-foobar='{"foo":"bar"}'></div> 关于使用该data-方法如何在HTML标签中存储实际对象的任何想法？

134 jquery  html  json 

jQuery find（..）遍历方法不包括当前节点-它从当前节点的子级开始。调用在匹配算法中包括当前节点的查找操作的最佳方法是什么？查看文档，没有什么立即跳出来。

134 jquery 

我想写一段JavaScript，将参数附加到当前url，然后刷新页面-我该怎么做？

134 javascript  jquery  refresh 

如何使用jQuery获取输入标签的属性名称值。请帮忙。 <input name='xxxxx' value=1>

134 jquery 

我想让jQuery将文件上传字段限制为仅jpg / jpeg，png和gif。我已经在进行后端检查了PHP。我JavaScript已经通过函数运行了提交按钮，因此我真的只需要知道在提交或发出警报之前如何检查文件类型。

133 javascript  jquery  file-upload  file-type 

我有一些特定于排序表的代码。由于代码在大多数页面中都是通用的，因此我想制作一个包含代码的JS文件，使用它的所有页面都可以从那里引用它。 问题是：如何将jQuery和表排序器插件添加到该.js文件中？ 我尝试过这样的事情： document.writeln('<script src="/javascripts/jquery.js" type="text/javascript"></script>'); document.writeln('<script type="text/javascript" src="/javascripts/jquery.tablesorter.js"></script>'); 但这似乎不起作用。 做这个的最好方式是什么？

133 javascript  jquery 

这不是一个子菜单下拉列表，类别是li类，如图所示： 通过从响应菜单中选择一个类别（模板仅为一页），我想在单击时自动隐藏导航折叠。由于模板只有一页，因此也可以浏览以用作导航。我寻求一种不影响它的解决方案，这是菜单的HTML代码： <!-- NAVBAR ================================================== --> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> <!-- dropdown --> </ul> <!-- …

133 jquery  html  twitter-bootstrap 

是否可以使用jQuery滚动到页面上的特定位置？ 我要滚动的位置是否必须具有： <a name="#123">here</a> 还是可以仅移至特定的DOM ID？

133 jquery  scroll  scrollto  jquery-scrollable 

我发现在文本框上单击之前，不会触发文本框上的jQuery change事件。 HTML： <input type="text" id="textbox" /> JS： $("#textbox").change(function() {alert("Change detected!");}); 参见有关JSFiddle的演示 我的应用程序要求在文本框中的每个字符更改都触发该事件。我什至尝试使用keyup ... $("#textbox").keyup(function() {alert("Keyup detected!");}); ...但这是众所周知的事实，不会在右键单击并粘贴时触发keyup事件。 任何解决方法？两个听众都会引起任何问题吗？

133 jquery  events  textbox 

我有一些HTML和jQuery，div它们会在单击链接时上下滑动以显示或隐藏它： <ul class="product-info"> <li> <a href="#">YOU CLICK THIS TO SHOW/HIDE</a> <div class="toggle"> <p>CONTENT TO SHOW/HIDE</p> </div> </li> </ul> $('div.toggle').hide(); $('ul.product-info li a').click(function(event){ $(this).next('div').slideToggle(200); } 我的问题是：如何使用preventDefault()链接来停止链接，并在URL末尾添加“＃”并跳转到页面顶部？ 我找不到正确的语法，只是不断出现错误 preventDefault（）不是函数。

133 javascript  jquery 

我正在尝试使用jQuery更改CSS： $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="bordered"> <h1>Header</h1> <p id="myParagraph">This is some paragraph text</p> </div> 运行代码段隐藏结果展开摘要 我在这里想念什么？

133 javascript  jquery  css