草庐IT

jQuery-UI

全部标签

javascript - jQuery UI 可拖动可防止在移动设备上滚动

我有垂直列出的全屏宽度的可拖动元素。我正在使用一个名为(jquery.ui.touch-punch)的插件来启用jQuery可在移动设备上拖动。但问题是可拖动元素会阻止用户滚动页面。$('#novieList.element.content').draggable({axis:'x',revert:function(){return$(this).position().left 最佳答案 我认为在jquery.ui.touch-punch.js中注释掉event.preventDefault()不再有效。我尝试了相同的解决方案,发现

javascript - 无法在 Angular UI Grid 的可扩展行中保存行

我正在尝试使用rowsaving与expandablegrid相结合的功能.目标是能够独立于父行保存子网格行。$scope.gridOptions={expandableRowTemplate:'components/grid/orderLineTemplate.html',expandableRowHeight:150,expandableRowScope:{subGridVariable:'subGridScopeVariable'},columnDefs:[{field:'_id'},{field:'number'}]};$http.get(ORDER_API).success(

javascript - 通过 Jquery 将图像添加到 Canvas

我正在尝试将图像添加到Canvas元素。Canvas标记:$value):?>"data-design="">Javascript:$(document).ready(function(){$('.design').each(function(){vardesign=$(this).attr('data-design');varid=$(this).attr('id');});});我希望图像显示在Canvas元素内。vardesign包含url。谁能帮帮我? 最佳答案 尝试$(document).ready(function(){

javascript - Jquery 如果实时预览中的空循环

我有一个有效的实时预览脚本。但是现在我希望在表单字段中输入时只显示电话和传真字段。但我想空语句一定有问题。有没有人有解决这个问题的想法?非常感谢!$(document).ready(function(){updatePreview();$('#live-preview-forminput,#live-preview-formtextarea#live-preview-formselect').bind('blurkeyup',updatePreview);});functionupdatePreview(){varcontact=$('#lp-contact'),company_nam

javascript - AngularJS 范围直到在 ui 中执行某些操作后才会更新,比如单击具有函数的对象

当视口(viewport)小于或等于641px时,我试图将类添加到我的侧边栏,并且我必须在这种情况下观察窗口的宽度$scope.$watch(function(){return$window.innerWidth;},function(value){if(value它在第一次加载时登录,但是当我调整大小时,我必须在它再次触发之前进行一些点击。例如。我调整大小,然后单击具有ng-click行为的项目,这是唯一一次,它再次记录。我已经阅读了一些问题,这可能是由于$digest和$apply?谁能解开我的困惑。 最佳答案 需要触发摘要循环

javascript - 在 jQuery 中从多个类中查找特定类

我正在创建一个js文件,当您单击一个对象时,它会产生波纹触摸效果。我想为html代码中的元素分配一个类,它只是一个颜色代码,如#f6ac32,然后在Javascript/jQuery中创建一个函数,它可以挑选出该颜色代码并从中创建一个我以后可以使用的变量使用(改变波纹效果的颜色)。这可能吗?这是我所做的(查看$('.ripple').mousedown(function)中的评论):$(document).ready(function(){varrplObj, x, y, ink, color, rplDelTimer;//fadeoutripplewhenunclicked$('.r

javascript - 如何使用 JS 或 jQuery 检测不可见键(ENTER、F1、SHIFT)?

首先抱歉,我不知道如何称呼这些键(ENTER、F1、HOME等)。实际上,我正在创建一个输入搜索框,onkeyup调用了一个函数。当用户输入至少两个键时,调用我的函数并使用AJAX显示相关搜索结果。问题是当用户按下箭头键、HOME、END等时,我的ajax也会被调用,这是我不想要的。当专注于输入时按F5键重新加载页面不会重新加载页面,而是调用AJAX,这就是为什么这对我来说是个大问题。$('input[name=\'search\']').on(keyup,function(e){if($('input[name=\'search\']').val().length>=2){//cal

javascript - 使用 React 和 Material UI 禁用自动填充表单

我正在尝试学习React和MaterialUI。我正在创建一个网络表单,到目前为止一切都很好,除了当页面加载时,chrome自动用以前存储的数据填充文本字段并且背景变为黄色。我怎样才能让它保持白色?我知道在普通的CSS中我会包含这段代码:input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset;}但是考虑到我不一定有样式表,这就出现了问题。我到目前为止:constMyAwesomeReactComponent=React.createClass({constcontainerStyle={/*input:-webkit-

javascript - 为什么jQuery调整宽高需要大括号?

以下将对象宽度和高度加倍的代码工作正常。我只是不明白为什么需要大括号。vartarget=$('#target');target.css({width:target.width()*2,height:target.height()*2}); 最佳答案 大括号是必需的,因为您将对象文字作为参数传递给jQuery.css函数。根据documentation你可以这样使用它:.css(properties)propertiesType:PlainObjectAnobjectofproperty-valuepairstoset.所以widt

javascript - 在 Angular 2 应用程序中全局使用 jQuery

我正在尝试弄清楚如何在我的angular2应用程序中全局使用jQuery,到目前为止我发现的唯一合理来源是这个stackoverflowanswer但是我似乎无法让它工作。有没有一种方法可以使用npm包管理而不是tsd来实现这一点(这个命令对我不起作用,我认为它来自typescript,但似乎不是)。在此之后,我想我需要在我的app.ts文件中引用jQuery吗?(bootstrap.ts用来启动应用程序的主文件)这是我的项目结构appcomponentsapp.tsservicestypingsbootstrap.tsindex.html以及我认为需要用于jQuery实现的一些代码示