具有 "滑动效果 "的jquery可排序插件?
jqueryui有一个不错的插件,可分配: a> 我对那个插件感到非常满意,但我只缺少一件事.这就是让更改位置弹出/跳转到其新位置的元素,而是希望它们"滑动"到该新位置.换句话说,使它更加顺畅. 我已经搜索了三天的网络,但找不到一个可以做到的插件(!?!??).我的意思是来吧,必须有一个,对吧? 我还尝试自行修改代码,然后才能工作(通过克隆元素,将克隆滑到新位置,然后删除克隆.原始元素并在删除克隆之后将其解开.但这不是很好,我认为某个地方一定有一个更好的东西! 所以我真的在寻求帮助.修改帮助,或者如果您看到了这样做的插件,请(: 解决方案 如果您查看 andhoder 可分配演示并使用以下代码为了初始化可分配的能力,您将在占位符中看到滑动动作 $(function() { $("#sortable").sortable({ placeholder: 'ui-state-highlight', start: function (e,ui){
0 2024-02-26
编程技术问答社区
jQuery动画变色
我正在尝试将链接颜色从当前颜色变为另一种颜色. $(window).load(function(){ $('.article-preview h1 a').hover(function(){ $(this).animate({ color: #ffffff }, 1500); }); }); 由于某种原因,它不起作用.我正在使用 jquery color plugin . 解决方案 您需要将十六进制的三重线包装在字符串中,更改以下: color: #ffffff : color: "#ffffff" 其他解决方案 基本问题可能是您不知道JQuery的/JavaScript的符号, 写作#ffffff会让您 syntaxerror ,因为 SharpSign+Letters 并不意味着JS中的任何内容. 快速解决方案:您必须以琴弦作为字符串传递: color: "#fffff
0 2024-02-26
编程技术问答社区
Jquery UI Sortable-获取被排序的项目
使用jQuery ui可排序(顺便说一句,这很棒)如何获得当前正在分类的项目. 当您使用$(this);时,它返回实际的可排序列表,而不是当前排序项目. 用户将其拖动时,我想用小部件做奇特的裤子.例如.在两个列表之间拖动时进行动画. 那么,如何将当前项目分类? 下面有一个小代码只是为了解释更多... $(function() { $("#sortable_1").sortable({ start : function(event, ui){ //get current element being sorted }, stop : function(event, ui){ //get current element being sorted } }).disableSelection(); }); 解决方案 据我所知,sta
0 2024-02-26
编程技术问答社区
AngularJS ngRepeat和jQuery-DOM重建问题
我非常清楚混合Angularj和jQuery不是一个好主意. 但是,我需要一个自定义的轮播,它只能滑入文本. Angularjs的所有现有旋转木马动画在很大程度上取决于图像是内容的一部分,而我没有图像. 因此,我找到了一个非常好的jQuery库,用于这样的东西,称为" Slick". 它可以与AngularJS合作,但是当我在现有数组中动态添加新值时,整个过程就会崩溃. 我如何更改代码的这一部分,以便我可以动态地将对象添加到数组中并保持jQuery光滑库工作? 这是代码,您可以按"上prev"和"下一个",旋转木马将起作用,但是一旦按下添加新元素按钮,整个过程就会崩溃. 解决方案 您需要确保在调用呼叫时,jQuery函数unslick和slick dom已经呈现. 您可以通过在$timeout函数中具有这些功能(当然为0)来实现这一目标.这将确保$timeout函数内的代码在$diggest周期完成后将执行. 尝试以下操作: 示例 controlle
0 2024-02-25
编程技术问答社区
用jQuery步骤在嵌套元素中进行排他性处理
我正在尝试将jQuery步骤(向导生成器)与Angular-Google-maps的嵌套Google Maps元素集成到Angular.js应用程序中( https://github.com/angular-ui/angular-google-maps-maps ). 但是,我遇到了这个错误: 模板中的ngtransclude指令!没有需要找到trans序的父指令." 看来我在Angular.js链接阶段使用了$ Compile,但是 没有在嵌套元素中替换. html: XZY987 ABC123 javaScript: var ngApp = angular.module('tr', []); ngApp.directive('outer',
0 2024-02-25
编程技术问答社区
使用Angular.js时如何使用jQuery插件
我一直在尝试弄清楚使用angular.js时如何使用jQuery插件,现在我使用的是 Angular 1.4 ,我遇到的一些问题是: 我可以使用使用插件时带有Angular的jQuery版本吗? 使用Angular时,我什么时候需要使用另一个版本的jQuery? 使用其他版本的jQuery时会产生任何后果? 我怎么知道最新支持的jQuery版Angular支持是什么? 在引用html中的库时,我先加载了aggular或jQuery? 到目前为止,我发现的是这些示例/教程: 正确的方法,将jQuery插件集成到angularjs /li> 但是我没有得到的是如何从Angular The Jquery属性中分辨出来,这就是我的意思: 假设我想使用 onepage-scroll Plugin,当使用Jquery Code时这样: 标准jQuery Way html:
0 2024-02-24
编程技术问答社区
将数据传递到FullCalendar中的后台事件对象
当用户单击背景事件时,有没有办法将我传递给EventObj的数据? 我的示例背景活动看起来像: { id: 'availableForMeeting', title: 'Test Background Event #1', start: '2015-08-13T07:30:00', end: '2015-08-13T12:30:00', rendering: 'background', sampleId: 214, color: 'red' } 但我无法获得sampleId字段,因为它在jsevent中不存在. 解决方案 首先,为了在背景事件上实际获取单击处理程序,您必须使用委派的jQuery .on() 因为FullCalendar的$("#calendar").on("click",".fc-bgevent",function(event){ console.log($(this).data()); }); 这样,您将获得一个空的控制台日志.我们
0 2024-02-24
编程技术问答社区
jquery metisMenu在ng-include中不工作
我想使用 ng-include 渲染模板.该模板需要 jQuery Metismenu插件才能下拉. 问题:仅插件 works 当我加载以下脚本时 $(function() { $('#side-menu').metisMenu(); }); 和失败当我尝试将它们加载到index.html 中. 我只想在 index.html 内仅加载一次插件,因为我也可能在其他部分中需要它.这是一个 plunker 需要在部分内部加载脚本的工作模型.请注意,在将脚本从 sixbar.html 转移到 index.html 下拉菜单停止工作. 任何帮助将不胜感激.预先感谢. 解决方案 我有同样的问题.您需要添加Metismenu();在您的主控制器中:
2 2024-02-24
编程技术问答社区
AngularJS中的lightGallery(jQuery插件)。
我正在尝试获取LightGallery jQuery插件(/lightgallery/index.html )与angularjs一起工作. 我找到了一些提示我需要指令的答案,因此我创建了以下内容: .directive('lightGallery', function() { return { restrict: 'A', link: function(scope, element, attrs) { jQuery(element).lightGallery(); } }; }) 然后在我看来我这样做:
0 2024-02-23
编程技术问答社区
自动完成的文本框和AngularJS
我有一个文本框,我想在其上应用自动完成框.我正在使用以下插件: 它可以正常工作,但是一旦我将其与AngularJ结合起来,就停止工作: 我有以下代码: function personController($scope) { $scope.firstName = "John", $scope.lastName = "Doe", $scope.availableTags = [], $scope.fullName = function() { /* return $scope.firstName + " " + $scope.lastName;*/ $scope.availableTags= [ "ActionScript", "AppleScript", "Asp",
0 2024-02-23
编程技术问答社区
在Angular模型变化后刷新Bootstrap ScrollSpy
我正在尝试使用我遇到的问题是,在Angular将模型更改应用于视图之前,我正在从角控制器中刷新滚动体插件. 在更新DOM本身之后(不仅仅是角模型)之后,要确保滚动ScrollSpy('Refresh')调用的角度方法是什么? ? 模板: {{addr.id}} 控制器: $scope.httpSuccessCallback = function (data) $scope.addresses.push(data); $('[data-spy="scroll"]').scrollspy('refre
0 2024-02-23
编程技术问答社区
在AngularJS中集成jQuery插件的正确方法
我想知道将jQuery插件集成到我的Angular应用程序中的正确方法是什么.我找到了几个教程和屏幕播放,但似乎适合了一个特定的插件. 例如: http://amitgharat.wordpress.com/2013/02/03/An-ablecrach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyxwlzfys 我应该创建一个这样的指令 - App.directive('directiveName', function() { return { restrict: 'A', link: function(scope, element, attrs) { $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName));
0 2024-02-23
编程技术问答社区
输入没有触发变化事件
我有以下输入 使用了Awesomplete jQuery插件.当我选择或编写值时,它不会触发更改的事件.我不知道为什么,除非我单击输入组件之外.如果我单击输入外,它将触发更改.但是,一旦我从下拉列表中选择一个值或写点内容,我希望它触发. @ViewChild("awesomplete", {static: false}) public awesompleteRef: ElementRef; @Input() pu
0 2024-02-22
编程技术问答社区
如何在Angular 2中制作这个jQuery事件处理程序?
我正在Angular2中创建Web应用程序.在其中一个页面上,我使用一个称为 jQuery-comments ,启用用户注释. 现在我想显示一个自定义对话框,如果用户单击jQuery-comments"回复"按钮. 如果是jQuery,我会做类似的事情: $('.jquery-comments .reply').on('click', function (event) { event.preventDefault(); ...here I can show my custom dialog box or something else }); 但是如何在Angular 2中制作类似的事件处理程序,而无需更改jQuery-comments插件? 解决方案 在您的角组件中,您应该从 初始化视图后使用@viewchild()的模板 可以使用此对象的本地元素属性并传递给jQuery. 宣布$(或jQuery)为jQueryst
0 2024-02-21
编程技术问答社区
与Angular集成的数据表不显示Excel、PDF等导出按钮
"styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css", "../node_modules/datatables.net-dt/css/jquery.dataTables.css", "../node_modules/datatables.net-buttons-dt/css/buttons.dataTables.css", "styles.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/popper.js/dist/umd/popper.min.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js", "../node_modules/jquery/dist/jq
0 2024-02-20
编程技术问答社区
将AOS库与Angular4应用程序相结合
我正在使用Angular 4.4.6应用程序,我想使用Awesome Plugin aos 我的代码: app.component.ts import * as AOS from 'aos'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'], encapsulation:ViewEncapsulation.None }) export class AppComponent implements OnInit { ngOnInit(){ AOS.init(); } } app.component.html
0 2024-02-20
编程技术问答社区
jQuery Mobile h5Validate帮助
由于缺乏HTML5支持,我已经开始使用jQuery Mobile和在Android上进行验证,以为我会尝试H5Validate.现在,尽我所能,我无法使它起作用.我已经发布了我的意见,如果有人可以向我展示这个标记,我将不胜感激.谢谢 H5Validate链接: http://ericleads.com/h5validate/?name= html No of Boxes *
2 2024-02-11
编程技术问答社区
如何在focus()上以编程方式隐藏jquery mobile中的键盘
我想在focus()上隐藏键盘,但是当$(".ui-input-text").focus();时,它将自动打开键盘. 我只想隐藏特定的屏幕,我的测试document.activeElement.blur(); 但它也没有集中在输入上. 解决方案 提交表单时,有时iOS键盘可能不会自动关闭.这是一个非常可用性的问题,因为不应需要用户手动关闭用例的键盘,否则他们不会期望需要这样做. 可以通过在文档上调用Blur方法来实现一个简单的解决方案.ActiveElement,该方法有效地允许一个人隐藏键盘: // automatically close the keyboard on iOS document.activeElement.blur(); 有关HTML5和移动应用程序事件的更多信息. . 其他解决方案 尝试以下方法: $('#yourElement').blur(); 它将隐藏虚拟键盘. 其他解决方案 来自var hideKey
2 2024-02-03
编程技术问答社区
掩码输入在安卓手机中不工作?
我正在使用 digitalbush蒙版遮罩输入jquery jquery plugin .它在网络浏览器和iPhone浏览器中正常工作,但它不适用于Android移动设备. 我的问题: 面具是 在输入字段 _- _ - ___. 当我键入数字时,它将1234568555 ___- - 示例: http://rossbender.com/temp/mask.html > 有什么建议吗?我该如何解决? 谢谢 prasad. 解决方案 我用三个动作解决了这个问题,这些动作已为所有Android 4.0以上的手机解决了问题: 更新至少版本的蒙版输入 1.4 在输入中添加type="tel",以触发数字键盘 删除输入的maxlength属性或将其设置为一个值,确定不干扰Caret Action,例如20. 其他解决方案 我尝试使用Jonathan Rowny提到的原始脚本,但是我在S3 -Chrome浏览器上仍然存在相同的问题.我认为这与输入ty
0 2024-01-29
编程技术问答社区