jQuery UI

Chrome说“资源被解释为脚本,但以MIME类型的text / plain传输。”,这有什么用?

邮差的信 提交于 2020-03-19 18:24:19
3 月,跳不动了?>>> 在FF和所有语言中,我的JavaScript正常运行。 但是在Chrome中,它会显示以下消息: 资源被解释为脚本,但使用MIME类型的text / plain进行传输。 我已经检查了所有脚本标签,它们都具有 MIME type="text/javascript" 。 甚至对jquery和jquery ui都这样说。 Chrome怎么了? 有什么问题和解决方法? 是我必须在浏览器的“选项”中进行更改,还是在服务器中进行更改,还是必须对代码进行调整? #1楼 检查您的js文件在服务器上是否实际存在。 我遇到了这个问题,发现js文件尚未上传到服务器,而服务器实际上返回的是html页面-这是服务器上配置的默认文档(例如default.html) #2楼 我在使用网络框架时遇到了这个问题,并通过将相关的javascript文件移动到指定的(由框架)javascript文件夹中进行了修复。 #3楼 如果要使用php文件生成JavaScript,请将其添加为文件的开头: <?php Header("Content-Type: application/x-javascript; charset=UTF-8"); ?> #4楼 发生这种情况的常见现象是,如果您只是 忘记 在脚本调用中包括该 type 。 您必须显式设置它,按照 W3的 要求 : type (内容类型)

使用jQuery进行电子邮件验证

大城市里の小女人 提交于 2020-03-13 09:54:30
我是jQuery的新手,想知道如何使用它来验证电子邮件地址。 #1楼 我会推荐 Verimail.js ,它也有一个 JQuery插件 。 为什么? Verimail支持以下内容: 语法验证(根据RFC 822) IANA TLD验证 对最常见的TLD和电子邮件域的拼写建议 拒绝临时电子邮件帐户域,例如mailinator.com 因此,除了验证之外,Verimail.js还为您提供建议。 因此,如果您输入的电子邮件的顶级域名(TLD)或域与普通电子邮件域(hotmail.com,gmail.com等)非常相似,则它可以检测到并建议更正。 例子: test@gnail.con->您的意思是test @ gmail.com 吗? test@hey.nwt->您的意思是test @ hey。 净 ? test@hottmail.com->您的意思是test @ hotmail.com 吗? 等等.. 要将其与jQuery一起使用,只需在您的网站上包括 verimail.jquery.js 并运行以下功能: $("input#email-address").verimail({ messageElement: "p#status-message" }); 消息元素是将在其中显示消息的元素。 从“您的电子邮件无效”到“您的意思是……?”之类的东西。 如果您有一个表单,并且希望对其进行限制

从右向左滑动?

淺唱寂寞╮ 提交于 2020-02-28 01:02:08
我怎样才能使div从折叠状态变为展开状态(反之亦然),却又从右向左移动呢? 我在那里看到的大多数东西总是从左到右。 #1楼 我这样做是这样的: var btn_width = btn.width(); btn.width(0); btn.show().animate({width: btn_width}, {duration: 500}); 请注意,节点“ btn”应在动画之前隐藏,并且您可能还需要为其设置“ position:absolute”。 #2楼 用这个: $('#pollSlider-button').animate({"margin-right": '+=200'}); 现场演示 改良版 该演示中已添加了一些代码,以防止双击时出现双重利润: http : //jsfiddle.net/XNnHC/942/ 轻松使用它;) http://jsfiddle.net/XNnHC/1591/ 多余的JavaScript代码已删除。 类名和一些CSS代码已更改 添加功能以查找是否展开或折叠 更改是否使用缓动效果 更改的动画速度 http://jsfiddle.net/XNnHC/1808/ #3楼 用这个 <script src="jquery.min.js"></script> <script src="jquery-ui.min.js"></script> <script>

jQuery UI DatePicker仅显示月份年份

我的未来我决定 提交于 2020-02-27 06:20:00
我正在使用jQuery日期选择器在整个应用程序中显示日历。 我想知道是否可以用它显示月份和年份(2010年5月)而不显示日历吗? #1楼 我还需要一个月选择器。 我做了一个简单的标题为年份的标题,下面是4个月的3行。 看看: 使用jQuery的简单monthyear选择器 。 #2楼 我今天有同样的需求,并在github上找到了它,可与jQueryUI一起使用,并在日历中使用了月选择器代替了几天 https://github.com/thebrowser/jquery.ui.monthpicker #3楼 对BrianS的上述几乎完美的响应进行了一些改进: 我已经重新调整了show上设置的值,因为在这种情况下,它确实确实使它更具可读性(尽管请注意,我使用的格式略有不同) 我的客户不需要日历,因此我添加了一个show / hide类添加项来做到这一点而又不影响任何其他datepickers。 该类的删除是在计时器上进行的,以避免表随着日期选择器的淡出而重新闪烁,这在IE中似乎非常明显。 编辑:剩下要解决的一个问题是没有办法清空datepicker-清除该字段并单击以离开,它会以选定的日期重新填充。 EDIT2:我还没有很好地解决这个问题(即没有在输入旁边添加单独的“清除”按钮),所以最终只使用了这个: https : //github.com/thebrowser/jquery.ui

是否可以在CSS中设置img标签的src属性的等效项?

久未见 提交于 2020-02-26 17:04:52
是否可以在CSS中设置 src 属性值? 目前,我正在做的是: <img src="pathTo/myImage.jpg"/> 我希望它像这样 <img class="myClass" /> .myClass { some-src-property: url("pathTo/myImage.jpg"); 我想 不 使用CSS中的 background 或 background-image: 属性来执行此操作。 #1楼 我今天发现了一个解决方案(可在IE6 +,FF,Opera,Chrome中运行): <img src='willbehidden.png' style="width:0px; height:0px; padding: 8px; background: url(newimage.png);"> 这个怎么运作: 图像将缩小,直到宽度和高度不再可见。 然后,您需要使用填充“重置”图像尺寸。 这给出了一个16x16的图像。 当然,您可以使用padding-left / padding-top制作矩形图像。 最后,使用背景将新图像放置在那里。 如果新的背景图像太大或太小,建议使用 background-size ,例如: background-size:cover; 使您的图像适合分配的空间。 它也适用于提交输入图像,它们保持可点击状态。 观看现场演示: http : /

从JS日期对象获取YYYYMMDD格式的字符串?

吃可爱长大的小学妹 提交于 2020-02-26 15:10:37
我正在尝试使用JS将 date object 转换为 YYYYMMDD 格式的字符串。 有没有比串联 Date.getYear() , Date.getMonth() 和 Date.getDay() 更简单的方法? #1楼 我不喜欢添加原型。 一种替代方法是: var rightNow = new Date(); var res = rightNow.toISOString().slice(0,10).replace(/-/g,""); <!-- Next line is for code snippet output only --> document.body.innerHTML += res; #2楼 如果您不需要纯粹的JS解决方案,则可以使用jQuery UI来完成以下工作: $.datepicker.formatDate('yymmdd', new Date()); 我通常不喜欢导入太多库。 但是jQuery UI非常有用,您可能会在项目的其他地方使用它。 访问 http://api.jqueryui.com/datepicker/ 了解更多示例 #3楼 如果您不介意包括其他(但很小)的库, Sugar.js 提供了许多不错的功能来处理JavaScript中的 日期 。 要格式化日期,请使用 格式化 功能: new Date().format("{yyyy}{MM}{dd

Javascript中是否存在RegExp.escape函数?

两盒软妹~` 提交于 2020-02-26 13:34:35
我只想从任何可能的字符串中创建一个正则表达式。 var usersString = "Hello?!*`~World()[]"; var expression = new RegExp(RegExp.escape(usersString)) var matches = "Hello".match(expression); 有内置的方法吗? 如果没有,人们会使用什么? Ruby具有 RegExp.escape 。 我觉得我不需要自己写东西,那里肯定有一些标准。 谢谢! #1楼 在jQueryUI的自动完成小部件(1.9.1版)中,他们使用略有不同的正则表达式(第6753行),这是将正则表达式与@bobince方法结合使用。 RegExp.escape = function( value ) { return value.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&"); } #2楼 这是一个较短的版本。 RegExp.escape = function(s) { return s.replace(/[$-\/?[-^{|}]/g, '\\$&'); } 这包括非元字符 % , & , ' ,和 , 但JavaScript的正则表达式规范允许这样做。 #3楼 Mozilla开发人员网络正则表达式指南 提供了以下转义功能: function

我可以<button>不提交表格吗?</button>

此生再无相见时 提交于 2020-02-25 19:20:45
我有一个表格,有两个按钮 <a href="index.html"><button>Cancel changes</button></a> <button type="submit">Submit</button> 我也使用jQuery UI的按钮,就像这样 $('button').button(); 但是,第一个按钮也会提交表单。 我本以为如果没有 type="submit" ,就没有。 显然我可以做到这一点 $('button[type!=submit]').click(function(event) { event.stopPropagation(); }); 但是有没有办法可以在没有JavaScript干预的情况下阻止后退按钮提交表单? 老实说,我只使用了一个按钮,因此可以使用jQuery UI设置样式。 我尝试在链接上调用 button() ,但未按预期工作(看起来很丑!)。 #1楼 只需使用良好的旧HTML: <input type="button" value="Submit" /> 如果您愿意,请将其包装为链接的主题: <a href="http://somewhere.com"><input type="button" value="Submit" /></a> 或者,如果您决定要javascript提供其他功能: <input type="button"

如何检测文本框的内容已更改

霸气de小男生 提交于 2020-02-25 15:43:59
我想检测何时文本框的内容已更改。 我可以使用keyup方法,但是它也将检测不生成字母的击键,例如箭头键。 我想到了使用keyup事件执行此操作的两种方法: 仔细检查所按键的ASCII码是否为字母\\退格\\删除 使用闭包来记住按键之前文本框中的文本,并检查是否已更改。 两者看起来都很麻烦。 #1楼 我建议您看一下jQuery UI自动完成小部件。 他们在那里处理了大多数情况,因为他们的代码库比那里的大多数情况更为成熟。 以下是演示页面的链接,因此您可以验证其是否有效。 http://jqueryui.com/demos/autocomplete/#default 阅读源代码并查看他们是如何解决的,您将获得最大的收益。 您可以在这里找到它: https : //github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.autocomplete.js 。 基本上,它们可以完成所有工作,它们绑定到 input, keydown, keyup, keypress, focus and blur 。 然后,它们会对各种键(例如 page up, page down, up arrow key and down arrow key 进行特殊处理。 在获取文本框内容之前使用计时器。 当用户键入与命令不对应的键(向上键,向下键等)时

有什么办法可以更改输入类型=“日期”格式?

为君一笑 提交于 2020-01-07 01:20:16
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我正在使用网页上的HTML5元素。 默认情况下,输入 type="date" 显示为 YYYY-MM-DD 。 问题是,是否可以将其格式更改为: DD-MM-YYYY ? #1楼 最后一个Beta版本的Google Chrome浏览器最终使用输入 type=date ,格式为 DD-MM-YYYY 。 因此,必须有一种强制使用特定格式的方法。 我正在开发HTML5网页,日期搜索现在失败,但格式不同。 #2楼 区分两种不同的格式很重要 : RFC 3339 / ISO 8601“有线格式”:YYYY-MM-DD。 根据HTML5规范,这是在表单提交时或通过DOM API请求时必须用于输入值的格式。 它是区域设置和区域独立的。 用户界面控件显示的格式,并被接受为用户输入。 鼓励浏览器供应商遵循用户的首选项选择。 例如,在Mac OS上,在“语言和文字”偏好设置窗格中选择了“美国”区域,Chrome 20使用的格式为“ m / d / yy”。 HTML5规范不包括任何替代或手动指定格式的方法。 #3楼 无法使用用户的计算机或手机的默认日期格式更改网络套件浏览器。 但是,如果可以使用jquery和jquery UI,则可以选择日期选择器,并且可以按照开发人员的需要以任何格式显示日期选择器。 指向jquery UI