Tag: javascript

CORS同步请求无法在Firefox中运行

jQuery( async ajax部分 )的官方文档说: 跨域请求和dataType:“jsonp”请求不支持同步操作。 但是这适用于所有最近的浏览器,但firefox版本> = 20.这是我正在进行的调用类型: $.ajax({ type : “GET”, async: false, dataType : “text”, url : link, xhrFields: { withCredentials: true }, success: function(response){ console.log(“success “); }, error: function(error){ console.error(error); } }); 有没有人知道为什么会这样? 更新:我用jQuery和vanilla XHR测试了错误总是一样的 [例外……“底层对象不支持参数或操作”代码:“15”nsresult:“0x8053000f(InvalidAccessError)”

Rails 4forms:基于单选按钮选择的字段的条件显示

首先,请原谅我这个问题是否愚蠢,我刚开始围绕Rails,Javascript和jQuery对我来说是一个全新的世界。 我发现了以下类似的问题,但根本不明白它们如何适用于我的情况: 如果选中复选框,则显示/隐藏div 根据选中的单选按钮检查隐藏的输入字段 根据单选按钮选择显示表单域 话虽如此,这是我的问题。 在我的Rails 4应用程序中,我有以下Rails表单(我不使用简单表单): true, :onclick=>”showMe(‘calendar_details_b2c’)”, {:class => “radio_button_target_relationship_b2C”}) %> “showMe(‘calendar_details_b2b’)”, {:class => “radio_button_target_relationship_b2b”}) %> true) %> 根据用户检查第一个单选按钮(“B2C”或“B2B”)的内容,我想显示calendar_details_b2c div或calendar_details_b2b div 。 我知道我需要隐藏两个div ,然后实现某种forms的条件,检查选中哪个单选按钮,最后显示正确的div 。 正如你所看到的,我试图在我的单选按钮上添加一个onclick选项和一些特定的类,但后来我卡住了:我不知道如何构建正确的js函数,我不知道在哪里包含它(在表单的.html.erb文件中,在app的标题中,在application.js文件中?)。 —– 更新 :根据Ziv Galili的回答,这是我现在拥有的: 在app/assets/javascript/custom/calendars.js : $(document).ready(function() { $(‘input[type=radio][name=calendar’).change(function () { // first: hide all the divs $(‘#calendar_details_b2c’).css(“display”,”none”); $(‘#calendar_details_b2b’).css(“display”,”none”); // then get the div ID to […]

Jquery历史/后退插件的当前状态?

我花了很长时间研究这个大约一年前,我试过: Jquery烧烤插件 Jquery History插件 jquery .address插件 我发现jquery.address插件是最好的,但这些东西变化很快。 有没有人彻底研究过这个最近的选择? 在我再次集成jquery.address之前,我很想听到一些想法(之前我没有遇到任何问题)

在Raphael Javascript库中渲染SVG多边形

据我所知,目前无法在Raphael Javascript库中显示SVG多边形。 我正在构建一个需要读入SVG的应用程序,并在Raphael中显示它们,但是,许多这些SVG使用多边形。 例如,我正在使用以下格式的多边形读取SVG: <polygon points="260.5,627.75 259.563,628.313 258.625,628.563 258.25… 所以,我想知道……有没有办法将多边形点转换成我可以在拉斐尔绘制的路径? 我见过一些使用python和PHP的应用程序,但到目前为止我找不到任何严格的javascript。 任何帮助将不胜感激。 谢谢

停止从单击处理程序传播mousedown / mouseup

这是一个DEMO 。 我有两个divs ,一个内部和一个外部: 使用一些CSS,你可以看到哪个是: #outer { width: 250px; height: 250px; padding: 50px; background: yellow; } #inner { width: 250px; height: 250px; background: blue; } 我尝试停止在click处理程序中传播mousedown和mouseup事件,如下所示: $(‘#inner’).on(‘click’, function(e) { e.stopPropagation(); $(this).css({‘background’: ‘green’}); return false; }); $(‘#outer’).on(‘mousedown’, function(e) { $(this).css({‘background’: ‘green’}); }); $(‘#outer’).on(‘mouseup’, function(e) { $(this).css({‘background’: ‘yellow’}); }); 这似乎不可能。 什么工作是从其他mousedown和mouseup调用中调用.stopPropagation ,如此处所示( 另一个DEMO) : $(‘#inner’).on(‘mousedown’, function(e) { […]

使滚动增长变为虚线

这是我迄今为止在stackoverfow本身的朋友的帮助下所做的。 它工作正常,但我想做一个对我来说有点复杂的动画。 // Get the id of the element and the length of var myline = document.getElementById(“myline”); var length = myline.getTotalLength(); circle = document.getElementById(“circle”); // The start position of the drawing myline.style.strokeDasharray = length; // Hide the triangle by offsetting dash. Remove this line to show the triangle before scroll draw myline.style.strokeDashoffset = length; // […]

如何使用Javascript / jQuery从div内容中删除HTML标记?

我制作了一个div标签并将其内容存储在变量中。 如果此标记包含p,b或任何其他标记,则应从字符串中删除它。 我怎样才能做到这一点?

如何称呼“持续时间选择器”,它是否存在?

我正在寻找类似“持续时间选择器”的东西。 因为谷歌搜索“持续时间选择器”并没有给我任何结果,我想知道是否有一个技术名称,它可以帮助搜索它。 时间选择器和时间跨度选择器目前没有带来任何帮助。 如果存在类似的东西,有人可以指出我,那就可以了,而不是技术名称。 更新1: 对不起,我完全忘了解释持续时间选择器的含义。 这不是一个时间选择器,而是一种选择持续时间的方式,而不是相对于约会。 例如,烹饪给定的食谱需要(持续时间)4小时10分钟。 从这里到那里旅行需要4天10个小时。 我的基本想法是可以为“更大”的单位配置选择器(可能是几天),持续时间将在内部以秒表示。 所以我可以说20 days and 23 hours and 0 minutes或者如果“更大”的单位是天(例如软件开发工作),我可以写150 hours and 30 minutes and 0 seconds 。 选择隐藏一些较小的字段(例如分钟/秒)会很不错。 更新2: 一个非常简单的ui示例:

两个ajax同时请求同一事件。 什么应该是典型的行为? 如果请求是同步的,它是如何不同的

在下面的javascript代码中,我同时发送两个Ajax请求。 在使用Firebug进行分析后,我得出了一个不寻常的结论: “哪个(Ajax)响应首先是打印最后” 。 问题2:如果我将Ajax url目标分配给随机字符串(比如“abcd”)[不存在]那么ajax调用的总数将增加到3? $(document).ready(function(e) { $(“form[ajax=true]”).submit(function(e) { e.preventDefault(); var form_data = $(this).serialize(); var form_url = $(this).attr(“action”); var form_method = $(this).attr(“method”).toUpperCase(); $(“#loadingimg”).show(); $.ajax({ url: form_url, type: form_method, data: form_data, cache: false, success: function(returnhtml){ alert (“a”); // $(“#result”).html(returnhtml); // $(“#loadingimg”).hide(); } }); $.ajax({ url: form_url, type: form_method, data: form_data, cache: false, success: function(returnhtml){ // […]

Ember.js和jQuery Sortable。 如何解决变形脚本

我有一个ember.js应用程序,我想使用jquery ui的可排序小部件。 我的观点看起来像 {{#each content}} {{title}} {{/each}} 排序工作正常,直到其中一个绑定需要更新。 问题是每个 都被ember臭名昭着的变形标签所包围。 查看此图像中生成的实际DOM 有没有一种简单的方法可以让这两个人很好地一起玩? 有没有办法迫使视图重新绘制? 在触发sortable deactivate事件之后,我可以轻松地实现它。