Tag: jQuery

我怎样才能使用从ajax发布的数据？: 我无法从jquery ajax获取数据发布。 $('#clickme').click( function() { var data = save_input(); // data data['_sid'] = $survey_id; // survey_id injected from flask data['_uip'] = $user_ip; // user_ip injected from flask, request.remote_addr $.ajax({ type : "POST", url : "{{ url_for('mod.load_ajax') }}", data: JSON.stringify(data), contentType: 'application/json;charset=UTF-8', success: function(result) { console.log(result); } }); console.log(data); }); 从代码来看， data是一个javascript对象 { 'foo' : 'foo', […]

我可以用jQuery淡入背景图片（CSS：background-image）吗？: 我有一个文本的div元素和背景图像，通过CSS属性background-image 。是否有可能通过jQuery淡入背景图片？ HTML： <div>Text</div> CSS： div { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg); border: 1px solid #666; height: 10em; } 编辑我已经做了一个小例子来说明我的情况。基本上，这configuration了一个初始的background-image和一个transition ，并改变了jQuery的background-image 。在我的testing中，两个图像之间没有animation过渡。 EDIT2 我修改小提琴的作品！

CORS请求 – 为什么cookies没有发送？: 我有一个跨域AJAX GET获得预先成功，但cookies不附加到GET请求。当用户点击一个loginbutton时，一个POST被logging下来，这个用户可以跨域正确的工作。 JavaScript是： $.ajax(signin_url, { type: "POST", contentType: "application/json; charset=utf-8", data: JSON.stringify(credentials), success: function(data, status, xhr) { signInSuccess(); }, error: function(xhr, status, error) { signInFailure(); }, beforeSend: function(xhr) { xhr.withCredentials = true } }); 响应标题包括一个cookie： Set-Cookie:user_token=snippysnipsnip; path=/; expires=Wed, 14-Jan-2032 16:16:49 GMT 如果login成功，将获取JavaScript GET请求以获取当前用户的详细信息： function signInSuccess() { $.ajax(current_user_url, { type: "GET", contentType: "application/json; charset=utf-8", success: […]

如何从dropzone.js上传和删除文件: 我已经使用下面的代码图像已被删除，但仍然显示缩略图图像。 Dropzone.options.myDropzone = { init: function() { this.on("success", function(file, response) { file.serverId = response; }); this.on("removedfile", function(file) { if (!file.serverId) { return; } $.post("delete-file.php?id=" + file.serverId); }); }

jQuery UI单选button – 如何正确切换选中状态: 我有一组单选button，所有样式都使用jQuery UI的.button() 。我想改变他们的检查状态。但是，当我通过编程的方式对容器的更改事件进行： $("#myradio [value=1]").attr("checked", false); $("#myradio [value=2]").attr("checked", true); 值正确更改，但UI样式仍然显示与选中的样式的未经检查的单选button，而选中的仍然未选中。我查看了单选button的button()方法上的jQuery UI文档，但没有关于如何更改状态和更新UI样式。问题的根本在于调用$("selector").button("disable"); 代码不会更改button的活动状态 – 底层单选button已正确选中，但UI活动状态不会更改。所以，我得到一个灰色的button，看起来像它仍然被检查，真正选定的button出现未选中。解 $("selector").button("enable").button("refresh");

缺less.map资源？: 我最近开始有我的所有项目的这个问题。当我的索引页面加载其中包含对jQuery源文件的引用时，我的控制台logging此错误： GET http://localhost:3000/js/lib/jquery-1.10.2.min.map 500 (Internal Server Error) 。这根本不影响我的应用程序，但是每当我打开控制台的时候，真的很烦人。有谁知道这是从哪里来的？编辑：请注意，我没有明确引用.map文件，我只是指向<script src="js/lib/jquery-1.10.2.min.js"></script>

在javascript中相当于nl2br（）: 可能重复： jQuery转换换行符（相当于nl2br）目前我添加<BR>每个evt.which == 13 。是否有一个JavaScript的nl2br() ，所以我可以取消这个evt.which == 13 ？这与php.js有什么不同？ $('#TextArea').keypress(function(evt) { if (evt.which == 13) { var range = $('#TextArea').getSelection(); var image_selection = range.text; $('#TextArea').replaceSelection('<BR>'); $('#TextArea1').html($('#TextArea').val()); } });

input文本中的图像: 如何创build一个自定义input文本元素，使文本旁边的图像合并？基本上这些图像是从CDN加载的表情符号。澄清：我想实现的是一个<input type="text" />元素，它可能包含图像作为input的一部分。

用jQueryUI拖动可拖动的对象: 我想要使用jQuery的可拖/放，让用户select一组对象（每个对angular有一个checkbox），然后将所有选定的对象作为一个组… 我无法弄清楚我的生活如何做到这一点哈哈。这是我想的将导致一个可用的解决scheme，在每个可拖动的对象，使用start（）事件，并以某种方式抓住所有其他选定的对象，并将其添加到select 我还在考虑只是为了提高性能，将拖拽的对象看起来像一组对象（它们是图像，所以可能是一堆照片）。如果一次拖动几十个对象，我认为使用可拖动function可能会失败，这听起来像是一个更好的主意吗？

JQuery错误：初始化之前不能调用对话框上的方法; 试图调用方法“closures”: 我突然从jQuery得到这个错误：错误：初始化之前无法在对话框中调用方法; 试图调用方法“closures” 插件 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> jQuery代码我在下面的函数中获取这些消息： $(document).ready(function() { if ($('#results').html().length != 0) { alert('has information'); $('#dialog').dialog({ modal: true, buttons: { Ok: function() { // If I use $(this).dialog($(this)).dialog('close'), the UI is displayed, // however I do not see the OK button and no errors $(this).dialog('close'); } } }); } else { […]