Tag: javascript

jQuery在Ajax中调用ASP.NET MVC C＃中的Action Method: 我已经尝试了几个小时才能使这个工作，我真的希望你们中的一个人知道（很多）这个比我更多。当客户端在文本框中键入时，我想调用MVC C＃控制器名为updateOrder（）的方法。理想情况下，我想使用FormCollection访问表单元素（表单称为“createOrder”）。在控制器中，我有： C＃ [WebMethod] public static void updateOrder(){ string s = “asdf”; } 上面的字符串声明是breakpointed。在视图中，我有一个基本上复制和粘贴的方法，我在stackoverflow上找到： JavaScript的 function updateOrderJS() { var $form = $(‘form[id=”createOrder”]’); $.ajax({type : “POST”, url : $form.attr(‘action’), data : $form.serialize(), error : function(xhr, status, error) {}, success : function(response) { updateOrder(); } }); return false; } 事件很简单： JavaScript的 updateOrderJS(); 触发updateOrderJS（）方法（使用警报检查），但断点不会触发。

获取背景图像的最终大小: 有没有一种简单的方法可以使用Javascript或jQuery获取背景图像的最终高度和宽度，即使应用了background-size属性？我的意思是，我知道我可以获取背景图像URL并将其加载到Image对象，然后获取宽度和高度。但它是源图像的大小。如果有人用CSS缩放它，那么大小就会改变我怎样才能找到它的最终尺寸？ @编辑它与标记为类似的问题不同，因为它没有说如果有人改变了background-size大小，如何获得像素background-size

如何在div中动态插入iframe: 如何使用jQuery在div中动态插入iframe？ $(document).ready(function() { $(“div”).html(“”); }); 我尝试了上面的代码，但它不起作用。

处理rails 3控制器中的jsonp: 我希望我的控制器操作能够处理来自jquery $.getJSON jsonp请求。在我的控制器操作中，我有以下respond_to块： respond_to do |format| format.html { render json: {:items_by_tag => @tagged_item_list}} if params[:callback] format.js { render :json => {:items_by_tag => @tagged_item_list}.to_json, :callback => params[:callback] } else format.json { render json: {:items_by_tag => @tagged_item_list}} end end 但是当我从$.getJSON调用url时，我收到了SyntaxError:invalid label 。我的url是http://myservice.com?param1=a&param2=b&callback=? 。我的代码导致jsonp失败的问题是什么？

Ember.js可拖动和可放置的jqueryUI / native拖放mixin: 我需要创建具有拖放和排序function的项目。因此可以将项目拖动到另一个项目中。我已经看到了一些通过mixin进行拖动的解决方案，并使用这个mixin创建一个可拖动的视图，然后通过droppable mixin从droppable创建另一个视图。但我需要每个项目/视图都具有可拖动，可放置和可排序的function。请任何人告诉我通过mixins或子类化或…的最佳方法吗？我也可以创建一个jqueryUi mixin作为基础mixin，然后在创建可拖动，可放置和可排序的mixins时使用mixin？这可能吗？是最好使用jqueryUI或html5拖放api或其他东西？谢谢Rick的帮助

用jquery更改img src: 我有的html结构是这样的：我正在尝试将文件名从文件＃-128×79.jpg更改为文件＃-896×277.jpg 。我不知道如何获取动态生成的文件名并搜索和替换src更改。我找到了用’none’替换整个src的方法，以确保我到目前为止做到了，但我不知道如何做其余的事情。 $(‘#something’).removeAttr(‘id’).prop(‘class’, ‘some-class’).find(‘img’).prop(‘src’, ‘none’);

使用jQuery从包装集合中收集所有文本节点，用空格分隔: 我正在寻找一种方法来收集jQuery包装集中的所有文本，但我需要在它们之间没有文本节点的兄弟节点之间创建空格。例如，考虑这个HTML： List item #1.List item #2.List item #3. 如果我只是使用jQuery的text()方法来收集的文本内容，就像这样： var $div = $(‘div’), text = $div.text().trim(); alert(text); 产生以下文字：列表项＃1。列表项＃2。列表项＃3。因为每个元素之间没有空格。我真正想要的是这个（注意每个句子之间的单一空格）：列出项目＃1。列出项目＃3。列出项目＃3。这告诉我，我需要遍历包装集中的DOM节点，将每个文本附加到字符串，然后是空格。我尝试了以下代码： var $div = $(‘div’), text = ”; $div.find(‘*’).each(function() { text += $(this).text().trim() + ‘ ‘; }); alert(text); 但这产生了以下文字：这是列表项＃1。这是列表项＃2。这是列表项＃3。这是列表项＃1。这是列表项＃2。这是列表项＃3。我假设这是因为我正在遍历每个后代并附加文本，所以我在和每个子项中获取文本节点，从而导致重复的文本。 […]

基于属性将对象数组分成单独的数组: 假设我有一个这样的数组： var arr = [ {type:”orange”, title:”First”}, {type:”orange”, title:”Second”}, {type:”banana”, title:”Third”}, {type:”banana”, title:”Fourth”} ]; 我希望将它拆分为具有相同类型的对象的数组： [{type:”orange”, title:”First”}, {type:”orange”, title:”Second”}] [{type:”banana”, title:”Third”}, {type:”banana”, title:”Fourth”}] 但我想一般这样做，所以没有if语句指定橙色或香蕉 // not like this for (prop in arr){ if (arr[prop] === “banana”){ //add to new array } } 思考？ JQuery和Underscore都是可以使用的选项。

是否可以使用ajax / jquery技术预加载页面内容？: 是否可以预加载所有页面内容（如显示加载栏/动画gif ..或加载文本..），直到内容完全加载，然后显示给用户/访问者？如果可以的话，您能否给我正确的指示或资源来实现这一目标。因为我能够轻松找到图像预加载器，但我正在寻找一种预加载技术，它将在显示之前预先加载页面上的所有内容。