Tag: javascript

Jquery – 如何在选择该选项后获取特定数据类型的选项？

我会直接跳过标记，然后解释我正在尝试做什么。 Html选择选项 30th July 6th August Jquery脚本我正在努力。 下面的脚本显示了所选选项的值，当然，但我找不到抓取data-url信息的方法。 $(‘#1d’).change(function () { $(‘#1e’).val($(this).val()); }); 最重要的是，我需要input#1e的value作为选择时#1d的data-url 。 谢谢你的帮助。

设置div的高度，相对于浏览器窗口高度

目前，这确定窗口高度并将.one的高度设置为窗口高度的1/2，以及窗口高度的.two到1/4。 如何重新格式化以使用基于百分比的高度而不是分数？ 我想做80％/ 20％或70％/ 30％的事情。 提前致谢。 $(function(){ $(window).load(function(){ $(‘.one’).css({‘height’:(($(window).height()/2))+’px’}); $(‘.two’).css({‘height’:(($(window).height()/4))+’px’}); }); $(window).resize(function(){ $(‘.one’).css({‘height’:(($(window).height()/2))+’px’}); $(‘.two’).css({‘height’:(($(window).height()/4))+’px’}); }); });

使用Ajax请求rails控制器数据

我希望有人可以帮我解决这个问题，并提供一个可能的解释。 我有一个名为get_songs的rails控制器，它将获取当前登录用户的歌曲散列。 也就是说，每当点击一个特定的按钮时，我想从get_songs控制器获取数据，并将其放入javascript变量中。 以下是我到目前为止的情况。 playlist.js.erb function get_songs() { var mysongs; $.ajax({ type : ‘GET’, url : “getSongs”, dataType : ‘json’, success : function(response) { } }); } 我的控制者 class StaticPagesController @songs} end end 我的路线： match ‘/getSongs’, to: ‘static_pages#get_songs’, via: ‘get’

如何在列表项目中创建新的Div

我找到了相关的答案，但不像这个问题一样。 我的问题是如何在.widget-content创建新的Div内部列表项，如下所示？ 主要HTML ： 小提琴 Test Content Test Content Test Content Test Content Test Content Test Content 我想要： Test Content Test Content Test Content Test Content Test Content Test Content 意味着添加2 Div， 拥有前3个子项， 拥有最后3个子项/列表项。 如何通过Jquery / JS简单地完成这项工作？ 提前致谢。

无法从复选框向REST传递正确的值

我正在尝试学习Web开发并尝试做一些基本的复选框教程，但我坚持将值发送给Rest Service。 我的意图是，例如，如果选中了两个复选框，我应该能够在我的Rest Service中捕获它并执行某些操作。 下面是HTML文件 Graph1 Graph2 Graph3 Graph4 $(“#btnGetResponse”).click(function() { var ids = $(‘[name=”graphId”]:checked’).map(function() { return this.id; }).get(); console.log(ids); $.ajax({ type: “GET”, url: “http://localhost:51349/SMS_Rest.svc/v1/CheckBox”, data: { graphId: ids }, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function(response) { if (response == true) { alert(‘hello’); } }, failure: function(response) { alert(‘fail’); } }); }); 如果我选择一个复选框，则生成的URL是： http://localhost:51349/SMS_Rest.svc/v1/CheckBox?graphId%5B%5D=1 […]

标签中的onload事件在Firefox中过早激发，而不是其他浏览器

内联HTML中的onload事件在Firefox和基于其Mozilla代码库（Tor等）的所有浏览器中过早触发。例如： 在图像完全加载到Chrome，Opera，IE和Safari之后调用myFunction() （不确定新的Edge浏览器），这是预期的和记录的行为。 但是，在Firefox及其亲属上，在浏览器读取标签时立即调用该函数，即在加载图像之前完成 。 这不是记录的行为并导致应用程序问题。 这在几年前在这里得到了确认和详细讨论： https://bugzilla.mozilla.org/show_bug.cgi?id=626613 但是，我找不到能解决问题的任何东西，我想知道是否有其他人遇到过这个问题并找到了解决方案。

Keydown哪个不能正常使用Chrome扩展程序

我一直在努力解决谷歌扩展的问题，你一直是我最后的希望！ :)） 好吧，我想点击我的chrome扩展程序上的按钮，这将导致页面扩展程序上的keydown模拟正在运行。 我认为chrome在我的想法上有一些安全问题，它会阻止键盘模拟（使事件isTrusted：false）并删除哪个属性。 我写的函数在jsfiddle上工作正常，但看起来chrome扩展以不同的方式完成它。 这是内容脚本文件： chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) { if(request.action == “scrollToTop”){ } else if(request.action == “scrollToBottom”){ } else if(request.action == “enter”){ triggerKeyboardEvent(document,13); } function triggerKeyboardEvent(el, keyCode){ var event = new Event(“keydown”, {“bubbles”:true, “cancelable”:true}); event.which = keyCode; el.dispatchEvent(event); } }); chrome.runtime.sendMessage({action : “show”}); 登录jsFiddle写道： Event {isTrusted: false, which: 13} 登录网站： document.addEventListener(‘keydown’,function (e) { […]

给出错误图像的所选区域的图像的平均颜色

我试图找到图像某些部分的平均颜色，然后将其设置为背景。 我正在使用此颜色来查找所选区域的平均代码。 JSFiddle代码查找平均图像颜色。 我想从图像中提取该部分并找到平均颜色，然后将其设置为背景图像 这是我正在使用的代码 var rgb = getAverageRGB(document.getElementById(‘i’)); document.body.style.backgroundColor = ‘rgb(‘ + rgb.r + ‘,’ + rgb.g + ‘,’ + rgb.b + ‘)’; function getAverageRGB(img) { var canvas = document.createElement(‘canvas’), context = canvas.getContext && canvas.getContext(‘2d’), rgb = {r:102,g:102,b:102}, // Set a base colour as a fallback for non-compliant browsers pixelInterval = 5, // Rather […]

可以搜索引擎读取jquery动作

我想要一个带iframe内容的popup div。 当我使用jquery创建它时，搜索引擎可以读取这个吗？ 或者，有没有办法检测服务器端的搜索引擎并删除此弹出窗口的选项？

显示弹出窗口关闭浏览器选项卡或离开页面

我有一个在我的项目中编写的弹出代码。 简单我在使用mousemove时使用的是褪色效果。 Bootstrap modal在mousemove上显示完美但我需要在用户关闭浏览器选项卡或离开页面时显示模态。 以下是我的代码 之前 $(document).on(“mousemove”, function (e) { $(‘#exitpopup’).css(‘top’, (window.innerHeight / 2 – $(‘#exitpopup’).height() / 2)); if (abc) { if (e.pageY >= 5) { abc = false; // Show the exit popup $(‘#exitpopup_bg’).fadeIn(); $(‘#exitpopup’).fadeIn(); abc = 0; } } }); 上面的代码工作正常，但我怎么能在下面的代码中使用fadeIn或建议我任何其他方式请。 window.addEventListener(“beforeunload”, function (e) { var confirmationMessage = “\o/”; (e || window.event).returnValue = […]