草庐IT

Semantic-UI

全部标签

javascript - 以动态/编程方式将项目添加到 jQuery-ui 可排序

我有一些与此类似的jQueryUIPortlet:http://jqueryui.com/sortable/#portlets我想要的是在每个portlet中动态添加(当用户单击UI上的按钮时)一些像这样的框(显示为网格):http://jqueryui.com/sortable/#display-grid我想将它们从上到下和从左到右添加到portlet,定义每行“框”(项目)的最大数量。是否可以这样做(将它们动态添加到每个portlet中)?如果是这样,如何?一些想法?例如,假设我的asp.netmvc4View(最初为空)中有以下jquery-ui可排序block:所以当用户点击一

javascript - 语义用户界面 : Dropdown default/placeholder value issue

我正在使用“SemanticUI”创建一个html表单'框架。当我为下拉列表/选择列表使用普通选择项时,我使用语义UI对其进行样式设置。一切正常,但是一旦我从下拉列表中选择了一个值,我就无法作为最终用户取消选择该选项/值。假设在这个FIDDLE,如果我选择“男性”,并再次想取消选择该选项并显示占位符/默认文本“性别”,我无法做到。有人能帮我想办法让选择作为常规html选择项而不是下拉列表工作吗?HTML代码SelectaGenderGenderMaleFemaleJavaScript代码$(".ui.fluid.dropdown").dropdown({})

javascript - angular-ui 模态 Controller 内的 ng-model 输入未定义

在我的模态模板中,我尝试使用ng-model为我的Controller范围($scope.name)分配一个值,但它没有工作。它给了我undefined。我究竟做错了什么?Plunkerhere我希望模态创建自己的范围,并将name放入该范围,因为我使用了ng-model。它似乎在模态Controller内部处于事件状态,因为我可以使用{{name}}很好地输出它Name:OKOpenme!Javascript:angular.module('plunker',['ui.bootstrap']);varModalDemoCtrl=function($scope,$modal,$log)

javascript - 检测何时使用 jQuery UI 的可拖动项向左或向右拖动?

我正在使用JQueryUI使元素可拖动,并且在代码中,可以指定开始、拖动和结束时要执行的操作。但是我怎样才能在向左拖动时运行一个函数而在向右拖动时运行另一个函数呢?我已经将可拖动轴限制为仅x轴。所以元素只能向左或向右移动。 最佳答案 查看此演示:http://jsfiddle.net/3NtS9/您可以通过在每个原子拖动操作上检查之前的事件坐标来做到这一点。varprevX=-1;$('div').draggable({drag:function(e){//console.log(e.pageX);if(prevX==-1){pre

javascript - 如何将项目添加到 kendo ui 网格的数据源

我已经成功创建了一个kendo.data.dataSource,我可以将它绑定(bind)到我页面上的KendoUIGrid。但是当我尝试dataSource.insert(0,[a:"b"]);时,它会删除之前存在的数据。我的示例代码如下:vartempSource=newkendo.data.DataSource({data:[{"ID":1,"Name":"Cliente1","NameID":"1-Cliente1"},{"ID":2,"Name":"Cliente2","NameID":"2-Cliente2"}]});这就是我绑定(bind)到网格的方式:$("#assoc

javascript - jQuery UI Slider - 发布时从 'slide' 事件返回的值不同于 'change' 值

我有一个jQueryUIslider:$('div.slider').slider({range:true,step:250,min:1000,max:500000,values:[1000,500000],change:function(event,ui){console.log($(this).slider('values',0)+','+$(this).slider('values',1));},slide:function(event,ui){console.log($(this).slider('values',0)+','+$(this).slider('values',1

javascript - jQuery UI 日期选择器将不会显示 - 包含完整代码

我在显示jQuery日期选择器时遇到问题,如下所示:http://jqueryui.com/demos/datepicker/我相信我下载了所有正确的文件,但可以肯定的是,我从头开始并撕掉了演示站点。不是全部,但我认为是重要的部分。结果是没有要显示的日期选择器,也没有javascript错误。这是我的完整代码示例:jQuery(function(){jQuery("#datepicker").datepicker();});如有任何帮助,我们将不胜感激。谢谢! 最佳答案 请从输入标签中删除hasDatepicker类,它应该可以正常

javascript - jQuery UI switchClass() 方法无法正常工作

jQueryUIswitchClass()方法不切换类,而是执行一些不需要的动画,当我使用jquery.animate-enhanced时,类与原始类保持不变。js用于硬件加速动画。关于如何修复它的任何想法? 最佳答案 我以前遇到过这个问题,并且浪费了很多时间试图找出问题所在。我仍然不知道为什么switchClass有时不起作用,但我有一个解决方法:替换switchClass('circle','square');与addClass('square').removeClass('circle');希望对您有所帮助。

Unity3d导入图片自动修改TextureType为Sprite(2D and UI)及设置Packing Tag为文件夹名。

Unity3d导入图片自动修改TextureType为Sprite(2DandUI)及设置PackingTag为文件夹名。文章目录Unity3d导入图片自动修改TextureType为Sprite(2DandUI)及设置PackingTag为文件夹名。前言一、资源导入函数AssetPostProcessor1.usingUnityEditor命名空间2.OnPostprocessTexture()3.AssetPostProcessor.assetImporter二、纹理导入器TextureImporter。1.TextureImporter.textureType二、目录操作Path。1.P

javascript - 带有 bool 值返回的 jQuery UI 对话框 - true 或 false

我正在尝试替换javascriptconfirm()。我找到了可以完全自定义的jquerydialog()函数。问题是我无法让它返回true或false。这是我的代码:$('#delBox').dialog({autoOpen:false,resizable:false,modal:true,closeOnEscape:true,width:300,height:'auto',title:'Deletarregistro',buttons:{"Ok":function(){returntrue;},"Cancelar":function(){$(this).dialog("close"