Tag: javascript

从元素中删除/重置inheritance的css

我知道之前曾问过这个问题，但在将其标记为重复之前，我想告诉你我的情况与我在互联网上发现的情况略有不同。 我正在构建和嵌入脚本，人们可以把它放在他们的网站上。 此脚本创建一个具有特定宽度/高度的div以及其中的一些信息。 我的问题是，有些网站也为我的divinheritance了div的样式。 例如： div{ background-color:red; } 因此，如果我没有为我的div设置任何背景颜色，即使我不想要它也会显示红色。 我遇到的唯一解决方案是覆盖尽可能多的css属性，这样我的div将完全按照我的要求显示。 这个解决方案的问题是有太多的css属性要覆盖，我希望我的脚本尽可能轻松。 所以我的问题是，如果你知道我的问题的另一个解决方案。 它可以在css / javascript / jQuery中。 谢谢

将jQuery移动到body标记的末尾？

我的朋友读了一篇文章，其中提到将所有JavaScript文件移动到结束体标记（ ）的末尾，将提高网页的性能。 我已将所有JS文件移到最后，除了JQuery和JS文件，它们将事件附加到页面上的元素，如下所示; $(document).ready(function(){ //submit data $(“#create_video”).click(function(){ //… }); }); 但他说要将jQuery库文件移到body标签的末尾。 我不认为这是可能的，因为我使用jQuery选择器将许多事件附加到加载页面元素，并且要使用jQuery选择器，首先必须加载jQuery库。 是否可以在关闭body标签（ ）之前将JQuery库文件移动到页面末尾？ 谢谢

捕获window.onbeforeunload确认对话框的结果

有没有办法捕获window.onbeforeunload确认对话框的结果，如Stack Overflow中的下一个（当离开’Ask Question’页面而不发布问题时会发生这种情况）？ 这就是它在Chrome中的显示方式，我相信它在其他浏览器中略有不同，但你总是有某种forms的是/否按钮。 据推测，如果事件被触发后他们仍然在违规页面上，他们选择留下来，你可以通过观察js序列来解决这个问题。 但是我想知道如何确定他们是否点击了“离开此页面” ？ 我已经实现了如下： // concept taken from SO implementation function setConfirmUnload(showMessage, message) { window.onbeforeunload = showMessage ? (message ? message : “this is a default message”) : null; } // pseudo code listen to changes on inputs if any inputs fire a change event call setConfirmUnload(true, ‘My warning message’) 请注意我在我的网站中使用jQuery。 […]

jQuery的One – Fire有多种事件类型

根据一个文件 ： 如果第一个参数包含多个以空格分隔的事件类型， 则为每个事件类型调用一次事件处理程序。 有什么方法可以在引发任何事件时触发一个函数吗？ 例： $(‘input’).one(‘mouseup keyup’, function(e){ console.log(e.type); }); 我想只调用一次该函数，无论哪个事件触发它。 目前，该function将针对每种事件类型触发一次。 小提琴演示 注意 ：我不是在这里寻找focus事件……这只是一个例子。

JQuery：用外部文件中的html替换DIV内容。 完整的例子？

题 什么是在页面上启用jQuery然后使用它来用外部文件中的HTML文本替换DIV内容的完整代码？ 背景 我是jQuery的新手，我很想与之合作，所以我可以学习它。 我有一个网站，我需要替换每个页面上存在的相同div（页脚）的内容。 幸运的是，这些页面中的每一个都已导入相同的头文件。 所以我要用一些jQuery魔法来修改那个头文件！ 我很难找到完整的例子 ，我认为其他人可能有类似的问题。 谁比SO大师更好问？ 例 给定一个基本的HTML文件Example.html ： Existing content. 外部文件includes/contentSnippet.html其中包含一段html： Hello World! 新的Example.html文件将链接正确的jQuery库（来自./js目录）并通过jQuery替换div的内容？

动态构建Twitter Bootstrap模式

我正在构建一个Rails应用程序，我想通过AJAX将Rails部分内容放入模态中。 在Twitter Bootstrap 2.3.2模式中，我通过文档阅读您可以使用远程密钥通过ajax加载内容。 http://getbootstrap.com/2.3.2/javascript.html#modals 但是，这只允许将内容注入.modal-body ，而不是动态构建整个模态。 有没有办法用JS动态构建整个模态，包括.modal-header ， .modal-footer ？ 使用字符串执行此操作似乎非常笨重，如下所示： partial = render_to_string(:partial => ‘some-partial’).gsub(%{“}, %{‘}).gsub(/’/,”\\\\'”).gsub(“\n”, “”)

$（文件）与$（“文件”）

$(document)和$(“document”)之间有什么区别吗？ 编辑：也进入.ready()例如$(“document”).ready()

JqueryMobile中的水平滚动和垂直滚动

我想用垂直滑动实现水平滚动。如下图所示。 为了做同样的事情，我搜索并找到了这个http://developingwithstyle.blogspot.co.uk/2010/11/jquery-mobile-swipe-up-down-left-right.html但是这篇博客中写的代码没有对我有意义。 我还下载了http://www.idangero.us/sliders/swiper/上提供的演示，并尝试根据我的需要进行修改。 但无法做到这一点。 如果任何人有想法或链接或演示项目，请帮助我。 问候！

JQuery Detect类更改

我正在使用一个插件，在open添加了一个open .slide-out-div的类。 所以我试图改变一些css如果检测到打开。 我需要做的是 IF $(‘.slide-out-div **open**’) IS Detected then $(‘.otherDiv’).css(‘top’,’0px’); 不知道怎么把它们放在一起……

jQuery UI DatePicker仅显示年份

我正在使用jQuery datepicker来显示日历。我想知道我是否可以使用它来仅显示‘年’而不是完整的日历？