草庐IT

Vant2-UI

全部标签

javascript - 使用jQuery UI Draggable,使用滚动条时如何避免拖动?

很久以前,我在我的应用程序中创建了一个对话框。该对话框非常简单,位置绝对,通过javascript在屏幕上居中。现在我已经将jQueryUI添加到应用程序,但我不想使用jQueryUI的对话框,因为它们的工作方式不同。但我确实使用jQueryUI使我的对话框可拖动,因为它非常简单:$('#dialog').draggable();有一个问题,我的一些对话框有滚动条。但是使用draggable方法,如果有滚动条,它会因为拖动对话框而出错。有没有办法让对话框在使用滚动条时不拖动?我注意到有一些方法可以避免元素被拖动,但滚动条不是元素。谢谢编辑:JSFiddle:http://jsfiddl

【element UI】解决el-date-picker选择日期后视图不更新的问题,亲测有效

开发中使用到了date-picker日期选择器,重新赋值后再点击日期进行选择,却发现视图没有更新,提交后反而会显示修改后的结果。尝试了许多方法,比如设置初始值、普通赋值、使用this.$set进行赋值,发现都没有效果。最后通过this.$forceUpdate()强制更新解决问题!!!Vue代码:el-date-pickerclearablesize="small"v-model="form.dateRange"type="daterange"value-format="yyyy-MM-dd"range-separator="to":start-placeholder='$t("caseind

javascript - Rails 4 - 如何安装 "jquery-ui"?

要使用jquery自动完成插件,我需要安装jquery-uigem。到目前为止,我的gemfile中有以下内容:gem'jquery-rails'所以我补充说:gem'jquery-ui-rails'我在application.js中添加了://=requirejquery//=requirejquery_ujs//=requirejquery-ui和application.css:*=require_self*=requirejquery.uibundleupdate,重启服务器并:couldn'tfindfile'jquery.ui'我也在应用程序中使用turbolinks。为了让

javascript - UI-Grid 在页面加载时不会占用 100% 的宽度

我正在使用ui-grid在表格中显示数据。当我加载页面并离开几秒钟然后单击选项卡(包含ui-grid)时,ui-gridcss中断。它不显示ui-grid100%容器的宽度。但是当我加载页面并单击选项卡(包含ui-grid)时。ui-grid显示完美,我的意思是它的宽度是容器的100%。我不知道是什么问题。这是代码,我正在处理:Js:$scope.gridOptions={enableFiltering:true,enableGridMenu:true,enableRowSelection:true,enableSelectAll:true,selectionRowHeaderWidt

javascript - 加载时的 Bootstrap-angular-ui 模式

我正在使用bootstrap-angular-ui-modal对于我正在处理的网站。我用来打开模态的代码$modal.open({templateUrl:'/home/template',controller:myCtrl,resolve:{data:function(){returndata;}}});一切正常。但是我需要找到一种方法来在加载模态后执行一些代码。我尝试了不同的东西,但无法使它们起作用。我尝试过的一些事情在我做的模板中document.onload=function(){console.log('opened');};我还发现名为openned的Angular模态对象有

javascript - 即使值未更改,jQuery UI slider 'change' 事件也会触发

我试图在用户滑动slider时触发一个事件,并且在滑动停止时更改值。根据jQuery文档,change事件非常适合这种情况。所以我正在尝试这个:jQueryUISlider-Defaultfunctionality$(function(){$("#slider").slider({change:function(){alert("foo");}});});但是,我观察到当我将slider向右拖动并再次将其拖回起点(页面加载时slider的初始位置)时,警报仍然会触发。这是一个jQuery错误吗?如果不是,我该如何解决? 最佳答案 $

javascript - Angular ui网格如何显示加载器

我想知道如何在加载数据之前显示一个简单的加载程序。我正在使用ng-grid-1.3.2我正在谷歌搜索,但没有找到任何示例。再见 最佳答案 喜欢MaximShoustin建议您可以使用JimLavin中的angularjs-spinner它使用(已弃用)ResponseInterceptors.我认为这里解释得最好:http://codingsmackdown.tv/blog/2013/04/20/using-response-interceptors-to-show-and-hide-a-loading-widget-redux/简

javascript - AngularJS UI-Router 多页面

Angular是一个很棒的SPA,但如果我需要一些与index.html无关的其他页面,如何通过具有不同uiView的UI-Router状态实现?例如,我有index.html:......app.js:varapp=angular.module('npAdmin',['ui.router']);app.config(['$httpProvider','$stateProvider','$urlRouterProvider',function($httpProvider,$stateProvider,$urlRouterProvider){$stateProvider.state('d

javascript - JQuery UI datepicker 如何显示月份导航的下一个上一个箭头?

正如标题所说。当我加载日期选择器时,什么也没有在末尾点击更改月份。但是你仍然可以改变月份没有视觉效果?? 最佳答案 听起来图形没有正确加载。默认情况下,jQueryUI期望包含图像的文件夹是css文件所在文件夹的子文件夹。使用诸如firebug(“网络”选项卡)之类的工具来检测对带有箭头的图像的请求,并查看它试图从哪个URL加载它。 关于javascript-JQueryUIdatepicker如何显示月份导航的下一个上一个箭头?,我们在StackOverflow上找到一个类似的问题:

javascript - 如何将 angularjs ui bootstrap 工具提示动态添加到现有标记?

angularjs相对较新。帮助我了解这里发生了什么!我最终想要完成的事情:给定我的html中的一段文本(比如在段落元素中),我想动态地向文本中的选定单词添加工具提示(确切地说是引导工具提示)。因此,例如,如果用户在搜索框中键入世界“你好”,则该段落中所有“你好”的实例将在鼠标悬停时显示工具提示,显示一些消息,如定义或其他内容。注意:我不认为我最初对此很清楚,但我想添加工具提示的文本block已经在html中,并且周围不会有任何类型的指令标记标记它。看我的fiddle一个例子。我已经在jQuery中完成了这个...现在我正试图让它在angularjs中工作!我的第一次尝试是使用带有正则