Tag: html5

设置后更改owl carousel 2选项?

我正在寻找更具体的设置之后更改owl carousel 2选项。 我正在寻找一种方法来禁用拖动元素的父元素拖动,如下所示: $(‘#carousel’).on(‘drag.owl.carousel’, function(event) { $(‘.carousel’).on(‘drag.owl.carousel’, function(event) { //disable drag }) }) $(‘#carousel’).on(‘dragged.owl.carousel’, function(event) { $(‘.carousel’).on(‘dragged.owl.carousel’, function(event) { //enable drag }) })

防止Webapp中的额外接触

我的webapp上的滑动代码有问题。 使用单个手指,页面之间的滑动可以完美地工作,但是,当我用第二个手指触摸并与第一个手指同时移动时,应用程序会对要听哪个手指感到困惑。 这通常会导致事情变得非常错误。 我如何确保应用程序所关注的唯一触摸事件是由第一次手指触摸触发的事件? 我的滑动插件的代码如下所示: (function($) { $.fn.movement = function(options) { var defaults = { threshold: { x: 150, y: 15 }, mouseUp: function() {}, mouseMove: function() { }, mouseDown: function() { }, scrollStart: function() { }, scrollStop: function() { }, scrollMove: function() { } }; var options = $.extend(defaults, options); if (!this) return false; […]

JQuery – 如何测试输入元素是否应用了有效或无效的伪类?

你可以测试一个输入元素是否具有CSS3应用的CSS3:valid或:invalid伪类? 我想在启用提交按钮之前测试表单元素是否通过了CSSvalidation。 我尝试过的东西不起作用: if($(“#el”).is(“:valid”)) { //… } if($(“#el:valid”).length == 0) { //… } $(“#el”).attr(“valid”)

未捕获的TypeError:无法读取未定义的属性’ajax’当我尝试将数据发送到url时

我创建了一个表单来获取用户的反馈,我只是想将表单数据发送到url,但是我收到了这个错误: 未捕获的TypeError:无法读取未定义的属性’ajax’ function sendData(){ $.ajax({ url: “www.yashkjhsah.php”, type: “POST”, async: true, data: $(“.contacts_form”).serialize(), dataType: “html”, success: function(data) { alert(data); if(data!=”Error in Insert Query!”) { alert(“Thank you for Enquiry we will send answer in your Mail.”); } else { alert(“Error while saving the data”); } } }); }

jQuery:检查鼠标是否在动画上?

这就是我正在做的事情: https : //jsfiddle.net/atg5m6ym/2625/ 我正在使用jQuery动画div向左移动,然后当我将鼠标hover在div上并且当我将鼠标移离它时登录到控制台: $(“div”).animate({left: ‘250px’}, 6000); $(‘div’).hover(function() { console.log(“Mouse hovered on div!”); }).mouseleave(function() { console.log(“Mouse left div!”); }) 当然,该程序将运行console.log(“Mouse hovered on div!”); 一旦我把鼠标放在元素上。 但是,如果我让鼠标闲置并且动画元素移动到它上面,那么$(‘div’).hover(function(){})都不会运行。 我必须将鼠标移动到元素上才能运行代码,而不是让元素来到鼠标。 如果我将鼠标hover在元素上,然后让鼠标闲置,也会发生同样的事情。 $(‘div’).mouseleave(function(){})都将在元素离开后运行,直到我将鼠标从其位置移开。 有什么方法可以解决这个问题吗? 我正在使用动画div,即使鼠标处于空闲状态并且div通过它,我也需要运行代码。

jquery移动页面注入

我有这个简单的HTML(我托管我自己的文件,它的工作原理) My Title on onload我必须调用此函数并将js中生成的内容添加到id =“main_div”或data-role =“content” function main_page(){//trips menu var this_page =’ ‘; var this_body=”; this_body += ”; this_body += “Check my Inbox”; this_body += “Tutors/ Post Tutors”; this_body += “Books / Post Books”; this_body += “Invite friends”; this_body += “Forum”; this_body += ”; this_page += this_body; var $page = $( pageSelector ), $content […]

在iFrame中将Javascript上下文设置为iFrame

我有一个带有的页面,在里面,另一个弹出窗口。 我要做的是调用的设置的函数….我知道,正在进行相同标记的批次。 这就是我在HTML格式中的意思。 //blahblah.html html //blahblahpopup.html html, also where the function is set. 所以,正如您所看到的, 中有一个 。 现在让我们开始做生意吧。 我正在使用这个JS代码将我的JS上下文放到名为’iframe’的第一级 window.frames[‘iframe’].showAssetPicker(); 它的作用是调用第一级的弹出窗口。 但是现在我需要在刚刚调用的弹出窗口内调用一个函数。 (这是另一个 …我不是所有的原因……) 所以这是我在第二级中调用函数的失败尝试… window.frames[‘iframe’].frames[‘iFrame2’].populateTypePullDown(‘/getdata/’); 我也试过了 window.frames[‘iframe’].window.frames[‘iFrame2’].populateTypePullDown(‘/getdata/’); 似乎都没有用。 对此有何帮助? 我使用node-webkit删除安全限制。 谢谢你的帮助,你可以抛出我的方式! PS Goodness亲切,我在这篇文章中说过太多次了。

简单的颜色变化

我正在创建一个UI,用户可以在其中更改页面的颜色值。 我想要的是将分配给它们背景颜色的值并将其减轻一定量。 我只想获得一个高亮线,而不必每次都制作新的图像。 示例:用户将背景颜色设置为#ECECEC。 现在我希望某些元素边框成为#F4F4F4(颜色更接近白色)。 如果使用Javascript,PHP甚至jQuery这是一个很好的方法,请告诉我。

event.stopPropagation()在使用jQuery 1.7的chrome中不起作用

出于某种原因,单击文档无法在Chrome中运行(未调用closeQuickView)。 元素是通过AJAX加载的,因此需要有.on()动作(以前的.live()现在已经在jQuery 1.7中弃用了) 使用此处给出的示例: 如何检测元素外部的单击? 作为基础 $(‘html’).on(‘click’, ‘.poster:not(.active) .image-effect’, function (event) { var obj = $(this).parent(); // If there are no .close spans if (obj.find(‘.close’).length === 0) { // Add the close element by javascript to remain semantic obj.find(‘.quick-view’).append(‘×’); } // Close any open Quick Views closeQuickView(); // Add the active class (controls opacity) obj.addClass(‘active’); […]

jQuery slide li离开了

我正在制作一个幻灯片查看器,显示的ul中有5个lis。 如何使用j查询在li上向左滑动,这样左边的li就不再显示了,其中一个未显示?