Questions tagged «jquery»

以下是我具有的jQuery代码的一部分，该代码显示文件输入和“清除文件”按钮。 var $imagefile = $('<input />').attr({ type: 'file', name: 'imageFile', class: 'imageFile' }); $image.append($imagefile); var $imageclear = $('<input />').attr({ type: 'button', name: 'imageClear', class: 'imageClear', value: 'Clear File' }); $image.append($imageclear); 现在，我拥有“清除文件”按钮的原因是，如果单击该按钮，它将清除文件输入中的所有内容。我如何编码它，以便当我单击“清除文件”按钮时，它实际上清除了文件输入？

82 jquery 

我一直在尝试寻找mouseover在Chrome中进行模拟的代码，但是即使触发了“ mouseover”侦听器，也从未设置CSS“ hover”声明！ 我也尝试过： //Called within mouseover listener theElement.classList.add("hover"); 但是似乎没有什么可以将元素更改为其hover声明中声明的内容。 这可能吗？

82 javascript  jquery  css 

我遇到了一个问题。这是一个简短的解释。 我在标准表单上有12个复选框。我需要做的是遍历它们中的每一个，并了解哪些已选中，哪些未选中。 然后，我可以使用它构建一个字符串，然后将其输入数据库字段。这是一个例子。 （检查 1-选中） （检查2-未选中）（检查3-已选中） 1,0,1 到目前为止，我已经有了这段代码。 $('input[type=checkbox]').each(function () { if (this.checked) { console.log($(this).val()); } }); 除了只带回已检查的内容，而不是全部，它可以正常工作。 对不起，新问题。我是jquery的新手。

82 jquery  checkbox 

我正在使用此脚本上传我的图像文件：http : //jsfiddle.net/eHmSr/ $('.uploader input:file').on('change', function() { $this = $(this); $('.alert').remove(); $.each($this[0].files, function(key, file) { $('.files').append('<li>' + file.name + '</li>'); data = new FormData(); data.append(file.name, file); $.ajax({ url: $('.uploader').attr('action'), type: 'POST', dataType: 'json', data: data }); }); }); 但是，当我单击“上传”按钮时，JavaScript控制台将返回以下错误： Uncaught TypeError: Illegal invocation 你能帮助我吗？

82 jquery  ajax  html  upload 

我试图像这样在窗口中获取元素的位置： var link = $(element); var offset = link.offset(); var top = offset.top; var left = offset.left; var bottom = $(window).height() - link.height(); bottom = offset.top - bottom; var right = $(window).width() - link.width(); right = offset.left - right; 但是底部和右侧-在它们前面...这是为什么？因为数字是正确的，只是它们不应为负。

82 jquery 

我已经阅读过，offsetLeft并且offsetTop不能在所有浏览器中正常工作。 jQuery.offset()应当为此提供一个抽象，以提供正确的值xbrowser。 我想做的是获取相对于元素左上角单击元素的位置的坐标。 问题是jQuery.offset().top实际上是在FFX 3.6中给了我一个十进制值（在IE和Chrome中，这两个值匹配）。 这个小提琴展示了这个问题。如果单击底部图像，则jQuery.offset().top返回327.5，但offsetTop返回328。 我想认为这offset()是返回正确的值，我应该使用它，因为它可以在所有浏览器中使用。但是，人们显然不能单击像素的小数位。是确定Math.round()jQuery返回的偏移量的真实偏移量的正确方法吗？我应该使用offsetTop替代方法还是完全使用其他方法？

82 javascript  jquery  offset 

我正在使用以下内容更改元素的类 $("#"+data.id).addClass("highlight") 给出以下列表。 <div id="menuItems"> <ul id="contentLeft" class="edgetoedge"> <li class="sep" ">Shakes and Floats</li> <li id="297"><a href="#" onClick="cart('297','add')"><small>$5.00</small><b>Vanilla</b> </a></li> <li id="298"><a href="#" onClick="cart('298','add')"><small>$5.00</small><b>Peanut Butter</b></a></li> <li id="299"><a href="#" onClick="cart('299','add')"><small>$5.00</small><b>Combo</b></a></li> <li id="300"><a href="#" onClick="cart('300','add')"><small>$5.00</small><b>Chocolate</b></a></li> <li id="301"><a href="#" onClick="cart('301','add')"><small>$5.00</small><b>Strawberry</b></a></li> <li id="303"><a href="#" onClick="cart('303','add')"><small>$5.00</small><b>Banana</b></a></li> <li id="304"><a href="#" onClick="cart('304','add')"><small>$5.00</small><b>Root Beer Float</b></a></li> <li id="305"><a href="#" onClick="cart('305','add')"><small>$5.00</small><b>Espresso</b></a></li> </ul> …

82 jquery 

除jQuery版本外，Deferred和Promise有什么区别？ 我该怎么用？我只想打电话给fooExecute()。例如，我只需要fooStart()和fooEnd()即可切换html div状态。 //I'm using jQuery v2.0.0 function fooStart() { /* Start Notification */ } function fooEnd() { /* End Notification */ } function fooExecute() { /* Execute the scripts */ } $('#button1').on('click', function() { var deferred1 = $.Deferred(); var promise1 = $.Promise(); deferred1.??? promise1.??? });

82 jquery  jquery-deferred  promise 

所以我有这个按钮，它向表中添加了新行，但是我的问题是，.new_participant_form在执行append方法之后，它不再侦听click事件。 http://jsfiddle.net/cTEFG/ 单击添加新条目，然后单击表单名称。 $('#add_new_participant').click(function() { var first_name = $('#f_name_participant').val(); var last_name = $('#l_name_participant').val(); var role = $('#new_participant_role option:selected').text(); var email = $('#email_participant').val(); $('#registered_participants').append('<tr><td><a href="#" class="new_participant_form">Participant Registration</a></td><td>'+first_name+ ' '+last_name+'</td><td>'+role+'</td><td>0% done</td></tr>'); }); $('.new_participant_form').click(function() { var $td = $(this).closest('tr').children('td'); var part_name = $td.eq(1).text(); alert(part_name); }); }); 的HTML <table id="registered_participants" class="tablesorter"> <thead> <tr> <th>Form</th> …

82 jquery  html 

我正在使用bootstrap 3 docs中的模式示例。模态作品。但是，当它触发时，我需要访问show.bs.modal事件。现在我只是在尝试： $('#myModal').on('show.bs.modal', function () { alert('hi') }) 没有任何反应，该事件不会触发。我究竟做错了什么？？？这对我来说没有意义。

82 modal-dialog  twitter-bootstrap-3  jquery 

当我想隐藏HTML时<div>，我使用以下JavaScript代码： var div = document.getElementById('myDiv'); div.style.visibility = "hidden"; div.style.display = "none"; jQuery中的代码等效于什么？

82 javascript  jquery 

我在这里会犯一个众所周知的错误吗？ 我有一个使用.on（）的脚本，因为一个元素是动态生成的，并且无法正常工作。为了进行测试，我将选择器替换为动态元素的包装，它是静态的，但仍然无法正常工作！但是，当我切换到普通的旧.click进行换行时，它起作用了。 （显然，这对动态元素无效，这很重要。） 这有效： $("#test-element").click(function() { alert("click"); }); 这不是： $(document).on("click","#test-element",function() { alert("click"); }); 更新： 我右键单击并在Chrome中执行“检查元素”以仅仔细检查某些内容，然后单击事件起作用。我刷新了一下，但它不起作用，检查了元素，然后它起作用了。这是什么意思？

82 jquery  click 

我正在尝试纠正CSS 2.1周围常见的IE错误，并且需要一种更改元素样式属性以添加自定义文本对齐样式的方法。 目前在jQuery中，您可以执行以下操作 $(this).width() or $(this).height() 但我似乎找不到一种用这种方法来改变文本对齐的好方法。 该项目已经有一个类，我在该类中设置了text-align，没有运气。定义类后，是否可以仅向该元素添加文本对齐的CSS属性？ 我有这样的东西 $(this).css("text-align", "center"); 在调整宽度后，在Firebug中查看此内容后，我仅看到“ width”是样式上设置的唯一属性。有什么帮助吗？ 编辑： 哇-对这个问题的回应很大！有关当前问题的更多详细信息： 我正在调整jqGrid A3.5的js源代码来做一些自定义的子网格工作，而我正在调整的实际JS如下所示（对不起，在上面的示例中使用“ this”，但是我想对此保持简单）简洁） var subGridJson = function(sjxml, sbid) { var tbl, trdiv, tddiv, result = "", i, cur, sgmap, dummy = document.createElement("table"); tbl = document.createElement("tbody"); $(dummy).attr({ cellSpacing: "0", cellPadding: "0", border: "0" }); trdiv = …

81 jquery  css  text-align 

说我有以下几点： <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul> 我将如何使用jQuery选择第一个元素之后的所有子元素？这样我就可以实现： <ul> <li>First item</li> <li class="something">Second item</li> <li class="something">Third item</li> </ul>

81 javascript  jquery 

调整浏览器窗口大小时，有什么方法可以调整jqGrid的大小？我已经尝试过这里描述的方法，但是该技术在IE7中不起作用。

81 javascript  jquery  jqgrid  grid  resize