草庐IT

page-wrap

全部标签

javascript - VideoJS : Stopping video on modal close and not embedding in page

我一直在使用JavaScript脚本VideoJS:http://videojs.com/构建一些可以在弹出窗口中显示给用户的视频播放器。我按如下方式构建了弹出窗口:VideoJS.setupAllWhenReady();jQuery(document).ready(function(){//videoshavevideojsappliedtothem//$("video").VideoJS()$(".show-video").click(function(){$(".video-background").show();$(".video-container").fadeIn("fas

javascript - 找不到变量 : page in PhantomJS

我是测试初学者,无论是单元测试还是UI测试我正在尝试使用以下代码为我的登录页面创建一个UI测试:console.log("TestedeLogin");varpage=require('webpage').create();page.open('http://localhost/login',function(status){console.log("Pageloadeed");if(status==="success"){page.render('example1.png');}page.evaluate(function(){//$("#numeroUsuario").val("9

javascript - JQuery UI 选项卡 : How do I navigate directly to a tab from another page?

JQueryUI选项卡由无序列表中的命名anchor实现。当您将鼠标悬停在其中一个选项卡上时,您可以在浏览器底部显示的链接中看到:http://mysite/product/3/#orders例如,上面是“订单”选项卡。JQuery显然会拦截对该anchor的点击并改为打开选项卡。但是,如果我将上面的链接添加为书签或从网站的其他地方链接到它,该页面不会在特定选项卡上打开。在选项卡初始化block中,我正在考虑放入一些代码来查找URL中的命名anchor,如果找到一个,则对选项卡进行索引查找并在其上调用选择。这意味着它仍然可以在JS关闭的情况下工作。但是有没有更简单/更好/更好的方法?

javascript - 我可以 $.wrap() 围绕数组中的元素集合吗?

假设我有一个像这样的“项目”集合:Item1Item2Item3Item4Item5我想遍历这些项目并将包含的div包裹在任何具有“组”类的项目周围,以产生类似这样的结果(分组的项目将始终彼此紧挨着):这是我得到的脚本:vargroup=[];$('.item').each(function(i,item){if($(item).hasClass('group')){group.push(item);}});$(group).wrap('');Item1Item2Item3Item4Item5发生的情况是,包装div分别包装在数组中的每个元素周围(这是有道理的),但我需要它将所有元素包

javascript - Wrapping Foundation 4 在 Angular 中展示

Angular的新手,只是想与ZurbFoundation4和谐相处。一个很好的例子;我正在尝试使用http://foundation.zurb.com/docs/components/reveal.html组件。直接的方法似乎是包装为指令:directive('modal',function(){return{template:''+''+'',restrict:'E',transclude:true,replace:true,scope:{'done':'@',},transclude:true,link:function(SCOPE,element,attrs,ctrl){SCO

JavaScript 最佳实践 : How to implement long-lived apps (one-page web apps)?

是否有任何最佳实践来实现长生命周期的JavaScript应用程序,即由单个页面组成并通过AJAX将其他页面加载到内容区域的网络应用程序?(Gmail就是一个很好的例子。)我已经阅读了有关优缺点、SEO、性能等的信息(http://stackoverflow.com/questions/1499129/one-page-only-javascript-applications),我对如何实现的模式很感兴趣这个。我想避免使用大型框架(例如Cappuccino、Echo2、SproutCore、Claypool)。如何在维护URL的#link部分(用于书签)的同时管理动态加载内容?不要误会我

javascript - 为什么这个被屏蔽的 JS 代码在 GET 参数 : '*alert(13)*' executed on my page?

我们对我们的网站进行了白帽扫描,他们返回的漏洞之一是我们的URL附加了whscheck'*alert(13)*'a/。当我们运行完整的URL(https://oursite.com/phorders3/index.php/whscheck'*alert(13)*'a/)时,网站会加载并发出带有值的警报13流行音乐。谁能解释这是如何工作的?星号和a/到底在做什么? 最佳答案 您页面中的代码在Javascript的字符串文字中使用URL中的值,而没有正确转义该值。这意味着任何人都可以将Javascript放在URL中,它就会在页面中执行

javascript - Chrome 扩展 : Block page items before access

我正在尝试在网页上阻止项目,但我想在加载之前这样做。所以,例如,我可以使用chrome.webRequest.onBeforeRequest.addListener(...);并重定向/取消请求。但我想检查请求的实际内容。我现在正在做的是启动XMLHttpRequest自己加载url/对象,检查内容,并在必要时阻止它。但是,主要的问题是实际上并没有多少对象被阻塞。这意味着,每个对象被加载两次:一次用于“我的检查”,一次在我说“好的,你可以加载它”之后。我如何拦截加载过程,以便我可以动态检查它并在允许的情况下传递数据字节?希望你能理解我的问题,谢谢:-)我现在如何做的例子:functio

javascript - jQuery UI 可排序 : Scroll entire page as well as container

我有两个元素列表,并且我在这两个列表上都启用了jQueryUI可排序功能。我使用connectWith选项使我能够在两个列表之间拖动。一个列表中有很多元素,所以我向它添加了overflow-y:scroll,但是当我尝试从该列表中抓取一个元素并将其拖到另一个列表时,它只滚动列表,而不是整个页面。我制作了一个jsFiddle演示(http://jsfiddle.net/MCcuc/)。向下滚动,并尝试将ItemQ(通过框顶部的灰色条将其拖动)从红色列表移动到绿色列表中。您会看到红色列表滚动,但页面不会滚动。如何滚动整个页面以及列表?我只是启用sortable,没有很多选项:$('.sor

javascript - angularjs + ui 路由器 : redirect to login page when user is not logged in on each state change

我正在使用angularjs和ui-router构建一个简单的博客应用程序,我想监听每个状态变化并检查用户是否已登录。如果他没有登录,我想将他重定向到登录页面。场景非常简单,我试图实现thissolution没有运气。这是相关代码:app.config(function($stateProvider,$urlRouterProvider){$stateProvider.state('app',{url:'',abstract:true});$urlRouterProvider.otherwise('blogs');});app.run(function($rootScope,$stat