Tag: javascript

JavaScript或jQuery相当于PHP的strstr()函数

在jQuery或JavaScript中是否有与PHP中的strstr()相同的函数? 我有一个应该是1,2,3,12,13,23或123的AJAX响应。我想检查1是否存在,然后如果2存在则则存在3。

FancyBox将DIV的内容显示为iFrame类型

这非常好用: $(document).ready(function() { $.fancybox({‘href’ : ‘http://www.cnn.com’,’frameWidth’:500,’frameHeight’:500,’hideOnContentClick’: false,’type’:’iframe’}); }); 也就是说,FancyBox打开并显示CNN主页。 但是,如果我将href属性更改为“#pg” 并以这种方式编码页面: document.getElementById(“pg”).innerHTML = “test me now”; FancyBox打开但不显示任何文本。 (文本“now me now”显示在#pg div元素中。注意它被分配给页面末尾的DIV的innerHTML。) 基本上,我想知道是否有一种方法可以动态初始化DIV的innerHTML属性并将其显示为FancyBox类型的iFrame? (iFrame的内容将有一个打印iFrame文档的按钮。) TIA 更新:07/28/12 正如@arttronics建议的那样,我把一个jsFiddle放在一起 总而言之,最终目标是能够单击FancyBox中包含的按钮,该按钮打印FancyBox的全部内容而无需打开另一个窗口。 (我想使用FancyBox作为Javascript解析内容的报表查看器。) 我假设我需要使用FancyBox的iframe播放器显示内容,但我可能错了。 jsFiddle显示: FancyBox能够使用内联播放器显示validation为HTML页面的文本。 可以通过href或content引用文本。 但是,当播放器是iframe且内容来自href ,FancyBox容器为空。 如果内容来自content属性,则FancyBox显示404错误。 只需评论和取消注释jsFiddle代码,看看我的意思。 任何关于如何达到我的目标的想法都会受到赞赏并获得投票! TIA。 更新:07/31/2012 这个新的jsFiddle示例: iframe报表查看器可以工作但不能在FancyBox中工作 如您所见,我尝试了几种在FancyBox中显示iframe的方法。 虽然FancyBox确实显示了iframe的内容,但打印function会中断。 我认为解决这个问题的一种方法是在加载后将myContent var的内容写入FancyBox,但我不能(A)找到要写入的正确DOM节点,并且(B)我可以’当iframe src=”about:blank”时,让FancyBox使用其iframe播放器显示iframe 。 有什么建议? 或者您是否看到了修复jsFiddle示例的方法?

如何在背景大小的div上缩放背景图像

我想要一个div元素伸展到33%宽度,背景图像用css完成 background-image:url(); background-size:cover 如何在鼠标hover或鼠标中对div中背景图像的放大设置动画,是否有插件可以执行此操作? 背景div必须使用background-size:cover,因为它是一个弹性页面。 我还没有小提琴,因为我不知道在哪里或如何开始

什么是“mobile-pagecontainer”选择器

jQuery Mobile有各种各样的事件和方法。 pagecontainer事件和方法用于处理v1.4大多数page事件。 我不明白使用:mobile-pagecontainer选择器。 API文档只使用$(‘.selector’) ,虽然很简单易懂,但我不知道它指的是哪个对象。 我应该在$(‘div[data-role=”page”]’)或$(‘body’) 。 另一个选择器:mobile-pagecontainer表示什么? API: jQuery 1.4.0 API 编辑:另外,我发现很多关于stackoverflow和其他网站使用$(document)例子与这些有什么关系? 编辑2:我创建了一个小小提琴,使用所有3个选择器$(‘body’) , $(‘:mobile-pagecontainer’)和$(document) Fiddle – PageContainer Events展示pagecontainerbeforeshow事件 。 我的心对@Omar表示感谢和感谢

在Chrome中按Ctrl + S preventDefault

我想在Chrome中捕获Ctrl + S ,并阻止默认浏览器行为来保存页面。 怎么样? (只是发布问题和答案,因为我在这之后很长一段时间没有找到解决方案)

如何使用jQuery客户端上传图像并将其添加到div?

所以基本上,正如标题所说,我想要一个允许客户上传图像的上传按钮,然后它将显示在div中。 当然,这只是客户端,所以如果页面被刷新,那么图像就会消失。 然后,图像将相应地设置样式并给定固定的宽度和高度。 我在网上搜索,根本找不到任何东西。 jQuery很新,虽然我可以在Javascript中流利地编码。 如果没有AJAX和/或PHP的帮助,也不确定这是否可行。 如果可能的话,想避免这些。 非常感谢所有帮助。

如何克隆JavaScript类实例?

如何克隆JavaScript类实例? 我尝试了普通的jQuery扩展,但这只是返回一个vanilla对象。 我在堆栈上查看了许多其他答案,但无法找到如何克隆实例。 function Parent(name) { this.name = name; } Parent.prototype.sayHello = function() { console.log(‘Hello my name is ‘ + this.name); } function Child(name) { Parent.call(this, name); } Child.prototype = Object.create(Parent.prototype); var child = new Child(‘Billy’); var clone = $.extend(true, {}, child); clone.name = ‘Bob’; child.sayHello(); clone.sayHello(); console.log(child instanceof Child); console.log(clone instanceof Child); http://jsfiddle.net/39gjA/ 我希望克隆是深度/递归的。 […]

处理重叠的jQuery可排序列表

这是一个不起眼的问题,但是我正在使用jQuery Sortables并试图让两个连接列表在一个fixed位置时很好地协同工作。 一切正常,直到你滚动页面,使两个列表最终位于彼此的顶部。 然后列表似乎对哪一个应该接收被拖动的项目感到困惑,这意味着当每个列表中出现/消失时会发生一堆抖动。 看起来问题是两个列表都处理鼠标/排序事件,因为被拖动的项目在技术上是在两个列表上,但我想要的是使覆盖列表(即position: fixed )吞下事件,以便底层主列表不会尝试接收该项目。 这是最小的代码示例: ul { list-style-type: none; padding: 0; float: left; } li { margin: 5px; padding: 5px; width: 500px; border: solid 1px #F00; background-color: #FFF; } #overlayed { position: fixed; top: 0; background-color: #000; margin: 20px; padding: 10px; } #overlayed li { width: 50px; float: left; } $(function() { […]

使用jQuery和Bootstrap-Typeahead创建自定义Type-Head?

我正在尝试创建一个像这样的自定义类型头 – 。 我所做的是 – HTML – Example of Twitter Typeahead typehead_customization.css .bs-example{ font-family: sans-serif; position: relative; margin: 100px; } .typeahead, .tt-query, .tt-hint { border: 2px solid #CCCCCC; border-radius: 8px; font-size: 24px; height: 30px; line-height: 30px; outline: medium none; padding: 8px 12px; width: 396px; } .typeahead { background-color: #FFFFFF; } .typeahead:focus { border: 2px solid […]

在jQuery fullcalendar插件中禁用时间段范围

我正在开发一个webapp并使用jQuery fullcalendar插件 。 我需要以某种方式禁用某些时隙。 我正在使用的当前方法是为我想要禁用的时隙添加事件,并禁止事件重叠。 有一个更好的方法吗? 我宁愿不允许事件重叠。 我可以解决上述问题的解决方案:添加黑色时隙并禁止在这些区域添加时隙。 不过我有一个更紧迫的问题。 我需要能够在特定时间范围内更改插槽的背景颜色。 理想情况下,我将以与eventSources相同的方式使用它; 只需指向一个url,然后使用ajax / json将其发送回彩色范围。 我要添加的赏金是针对最后一个问题(着色的插槽范围,以及日视图和周视图)。 如果有人可以建议我使用其他解决方案,那么可以执行此操作的完整日历,那也没关系。