Tag: javascript

如何获取ajax调用的默认错误

好吧,我想要做的是根据其错误代码警告ajax错误,我在网站上有很多ajax调用,所以我使用全局ajaxerror handling函数。 但我想要的是,如果一些ajax调用已经有默认错误,那么显示那里没有全局。 $(document).ready(function(){ $(document).ajaxError(e,xhr,opt){ if(xhr.error){ //Don’t do anything } else { alert(‘You have an error’); } } } 第一function: $.ajax({ type:”post”, url:”page.php”, data:”name=mohit&lastname=bumb”, error:function(){ alert(‘error’); } }); 第二function: $.ajax({ type:”post”, url:”page.php”, data:”name=mohit&lastname=bumb”, }); 所以在第二种情况下它应该显示你有一个错误 ,在第一种情况下只是错误

根据选定的下拉值循环进行jquery计算

我试图做一个计算。 当用户选择下拉货币时。 系统会计算所选货币并将其从下拉列表转换为INR货币值。 记录来自mysql db,记录计数将从一条记录到300条记录。 在这里,用户需要从下拉列表中更改每种货币,系统会将此选定的货币值转换为INR值。 这真是一项艰巨的任务。 因此,如果用户从下拉列表更改一个货币值,系统应将整个行货币值更改为所选下拉值,系统应计算某些公式以将值更改为INR。 所有这些都很好。 现在我面临的问题是实现jquery的公式。 这是我做过的小提琴: 小提琴 如果你可以检查jquery部分中的小提琴我使用了一个公式 var newTotal = currency===”INR” ? totalINR : (totalINR * conversionRate / row.find(‘.inrvalue’).val()).toFixed(3); 以上公式错误: 我看的实际公式是 if (currency===”INR”) { var newTotal = totalINR; } else if (currency===”USD”) { var newTotal = (row.find(‘.total1.’).val() * row.find(‘.inrvalue’).val()); } else { var newTotal = ((row.find(‘.inrvalue’).val() / conversionRate) * […]

selectedDraggable in image preview

我想知道如何在我的图像预览中选择可拖动我想要做的是将“selectedDraggable”介入到图像预览中,这样我就可以删除我选择的任何图像而不删除预览容器中的所有图像。 由于某种原因,我的代码无法正常工作我无法点击[X]删除图片请帮忙谢谢 var inputLocalFont = document.getElementById(“image-input”); inputLocalFont.addEventListener(“change”, previewImages, false); function previewImages() { var fileList = this.files; var anyWindow = window.URL || window.webkitURL; for (var i = 0; i < fileList.length; i++) { var objectUrl = anyWindow.createObjectURL(fileList[i]); var imgEl = $('’); $(”).append(imgEl).appendTo(‘body’).draggable(); imgEl.load(function() { $(this).resizable(); }); window.URL.revokeObjectURL(fileList[i]); } } $(‘.remove-img’).click(function (e) { $(this).parent().find(‘img’).not(this).remove(); }); [x] var […]

Bootstrap模态切成两半

我有一个模态窗口设置,但是当按下激活它的按钮时,显示的模态会被切成两半, 就像这样。 在较小的窗口中,模态看起来很好。 请原谅代码,这有点乱。 OAMK Opinnäytetyöt html { overflow-y:scroll; } body { padding-top:50px; } #todo-list { margin-bottom:30px; } OAMK Opinnäytetyöt Lisää uusi aihe {{ todo.aihe }} {{ todo.kuvaus }} × Modal Header Lisää Close

ruby on rails jquery没有调用正确的控制器动作

我阅读了当我开始发布这个问题时弹出的所有答案,但它们似乎没有解决我的问题。 我向控制器添加了一个名为get_results的新动作(除了通过脚手架创建的动作),但每次我在选择菜单中更改选项时,它都会指示我“编辑”动作,而不是“get_results”, 这是js $(function(){ $(‘.menu_class’).bind(‘change’, function(){ $.ajax(‘#{:controller => “my_tests”, :action => “get_results”}?param_one=’ + $(this).val()); }); }); 编辑:这是为我工作的js代码,谢谢罗宾的答案如下: $(function(){ $(‘.menu_class’).bind(‘change’, function(){ $.ajax({ url: “”, data: { param_one: $(this).val() } }); }); }); 这是我添加的动作(片段) def get_results # some stuff goes here respond_to do |format| if @my_test.update_attributes(params[:my_test]) format.html format.js else format.html { render :action => “update” } format.json […]

让Lavalamp jQuery插件与下拉菜单一起使用?

我有一个jQuery Lavalamp插件的问题。 它与单级菜单完美配合,但在添加下拉列表后,它会有点丢失。 这就是我的意思: http : //screenr.com/0fS 。 当然,我想要实现的是,当用户将鼠标hover在子项目上时,lavalamp背景将保留在Portfolio项目上。 我想这是一个稍微改变插件的问题,所以这里是插件的完整代码。 所需要的只是一种简单的方法,让lavalamp在当前阶段停止,当 的孩子们徘徊,然后恢复正常工作。 这是完整的插件代码供参考! (function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: “linear”, speed: 500, click: function(){} }, o || {}); return this.each(function() { var me = $(this), noop = function(){}, $back = $(”).appendTo(me), $li = $(“li”, this), curr = $(“li.current”, this)[0] || $($li[0]).addClass(“current”)[0]; […]

褪色图像 – 在哪里调用.fadeIn和.fadeOut?

我和这个人打了一会儿。 我是JavaScript和jQuery的新手。 经过大量的反复试验后,我最终设法编写了一个函数来更改图像的src属性,从而创建幻灯片: $(function () { var slideshow = $(“#img_slideshow”); var images = [ ‘img/slideshow1.jpg’, ‘img/slideshow2.jpg’, ‘img/slideshow3.jpg’]; var current = 0; function nextSlide() { slideshow.attr( ‘src’, images[current = ++current % images.length]); setTimeout(nextSlide, 5000); } setTimeout(nextSlide, 5000); }); 这非常有效,每5秒钟更换一次图像。 我想要的是他们之间的渐变过渡。 我尝试在几个地方调用.fadeIn和.fadeOut我找到逻辑,例如在setTimeout旁边(可能是错误的),但什么都行不通。 有人可以帮忙吗? 我很感激有一个简单的解释,它应该被称为什么,可以帮助很多人。 谢谢。

3行长html预览文本

我有一个线程,并希望每个线程都有一个预览文本。 像这样: How I can loose weight? <- Headline bla bla bla bla bla | bla bla bla bla bla | <- Preview bla bla bla bla bla… | 我想要一个三行长的预览文本,结尾只是’…’我试过它: .p { color: grey; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; line-height: 16px; max-height: 32px; } 但这对我没有用..有人知道解决方案吗? 也许用JS或JQuery?

Jquery`delach()`和`追加’给新的父母

我有一个动态网页,我使用Jquery“draggable”和“droppable”。 我试图将一个元素从一个“父”移动到另一个元素。 当我做“console.log”时,我可以看到该元素有一个新的父元素。 但是当我稍后向DOM添加更多HTML内容时,该元素将不会随着它的新父级移动。 它停留在“文档”偏移位置。 我怎么解决这个问题? 小提琴 https://jsfiddle.net/0apuqnxd/13/ JS //Make elements Draggable $(‘.elementsDiv’).draggable({ revert: ‘invalid’, }); var flakUpId = $(‘#1’).attr(‘id’); $(‘#btnAddDropZone’).on(‘click’, function() { flakUpId++; var flakUp = “DropZone ” + flakUpId + ” “; $(‘#dropZones’).prepend(flakUp); }) $(‘.flakUp, .flakDown’).droppable({ accept: ‘.elementsDiv’, drop: function(event, ui) { var droppable = $(this); var draggable = ui.draggable; //Detach element from […]

jQuery – 如何只在视图中加载我的计数器?

我非常擅长修补jQuery。 我找到了一个计数器计数器的解决方案,用于显示%的节省。 我遇到的问题是,它在页面加载后立即运行,并且元素在屏幕下方稍微移动,并且它失去了效果,因为当访问者看到站点时,计数器已经到达数字。 我需要等待加载,直到它在浏览器中进入视图。 我感谢任何帮助。 谢谢。 (function ($) { $.fn.countTo = function (options) { options = options || {}; return $(this).each(function () { // set options for current element var settings = $.extend({}, $.fn.countTo.defaults, { from: $(this).data(‘from’), to: $(this).data(‘to’), speed: $(this).data(‘speed’), refreshInterval: $(this).data(‘refresh-interval’), decimals: $(this).data(‘decimals’) }, options); // how many times to update the value, […]