草庐IT

containeR

全部标签

javascript - JQuery UI 可拖动 : Exceed containment on one side

我正在使用JQueryUI来实现可调整大小/可拖动的元素。现在我想为这些元素定义一个容器,以限制在三个(!)边上的调整大小/拖动。例如。看看这个JSFiddleexample.您可以看到包含的元素只能在父区域内调整大小/拖动。我想实现的是元素可以超出底部阈值并移动到父元素的底部边框之外。尽管如此,调整大小/拖动仍应限制在顶部、右侧和左侧,如父级相应边框所规定的那样。所以thismodification是我想出的://resizable/draggableoptionresize/drag:function(event,ui){expandParent("#parentElement",

javascript - JS - jQuery inarray ignoreCase() 和 contains()

好吧,我更像是一个PHP人,除了简单的设计相关操作之外,我的JS技能几乎没有,所以如果我问的是显而易见的,请原谅。以下操作在PHP中将是轻而易举的(也可能在JS中-但我在这里与不熟悉的语法作斗争......)这是某种输入验证varar=["BRS201103-0783-CT-S","MAGICWORD","magic","Words","Magic-Word"];jQuery(document).ready(function(){jQuery("form#searchreport").submit(function(){if(jQuery.inArray(jQuery("input:f

javascript - 用 jQuery 隐藏 TinyMCE

我在#container中有一个TinyMCE文本区域当我使用$('#container').hide()然后使用$('#container').show()时,tinyMCE抛出:Cannotreadproperty'selection'ofundefined我正在使用jquery插件,所以我是这样设置的:$('#containertextarea').tinymce({/*options*/});我应该怎么做? 最佳答案 这里使用的正确命令是//editor_idistheidofyourtextareaand//tinymce

javascript - 使用 Marionette 对 Collection View 中的项目进行分组

我正在使用backbone和marionette.js构建一个应用程序。我计划使用CollectionView来展示一些项目,然后允许对它们进行过滤、排序和分组。我想知道是否有任何好的设计想法以分组方式实际附加html。我有一些想法,但我想知道是否有人可以提供更好的设计。我的第一个想法是更改CollectionView上的appendHtml方法,如果启用了分组,我可以让appendHtml函数查找或创建子组的bin并将subview放入其中。appendHtml:function(collectionView,itemView,index){var$container=this.ge

javascript style.width 在具有过渡文档类型的 firefox 中不起作用

我有一个脚本可以让一个小的DIV在页面上弹出。在IE中一切正常,如果我删除DOCTYPE,在FF中一切正常,但是当DOCTYPE为XHTML/Transitional时,在Firefox中,宽度不会改变。this.container.style.visibility="visible";alert("this.container.style.widthbefore="+this.container.style.width)this.container.style.width=this.width;alert("this.container.style.widthafter="+this

javascript - 砌体实例没有这样的方法 'reload'

好的工作人员如下,当页面加载完成后,masonry失败,不知道为什么,但是我找到了一个方法,就是masonry.reload。这种方法有时会奏效,我想知道为什么。var$container=$('.container');$container.masonry({itemSelector:'.item',columnWidth:25}).imagesLoaded(function(){$container.masonry('reload');}); 最佳答案 在较新版本的砌体中,您使用“reloadItems”而不是“reload”。

javascript - 具有动态值的 jquery 'attribute contains' 选择器

假设我有一个整数变量questionId,我想找到具有片段("question_"+questionId)的tr元素)在他们的id中。我怎样才能做到这一点?我以为我可以用jquery'attributecontains'selector来做到这一点.例如,这适用于非动态值,$("tr[id*='quiz_question_7674']")但是,我不知道如何将变量值插入其中。这不起作用,例如:questionId=7674;$("tr[id*='quiz_question_'+questionId]")有什么想法吗?有没有比“属性包含”更好的方法来做到这一点?我觉得我遗漏了一些明显的东西

javascript - 一维阵列 - 以最少的浪费确定最佳容器尺寸

编辑:感谢Alain对此的正确描述:问题是这样的:一家商店试图找到其纸板箱的最佳尺寸,以便能够包装所有商品,并尽量减少纸箱中的浪费空间。目前我有一个包含卷的数据集。我需要弄清楚例如我可以使用的容器数量是否为5个,适合所有这些体积的5个最佳尺寸是多少?例如,这个数组包含我的卷:varnumbers=[10,20,20,30,50,50,50,80];为了简单起见,我有2个容器。大小分别为50和80。10装50,废40,20装50,废30等等。50适合50,但浪费为0。同样适用于80。总共浪费为120。但是如果尺寸不同呢?60和80。那么总的浪费就是180。(60-10)+(60-20)+

javascript - 整页水平滚动问题

整页滚动还有其他替代方法吗?整页滚动示例http://jscrollpane.kelvinluck.com/fullpage_scroll.htmlstep-1通过点击Restoredown按钮使窗口宽度变小。step-2向右滚动现在第3步,通过单击“最大化”按钮使窗口宽度变大。现在,页面左对齐jQuery$(function(){varwin=$(window);win.bind('resize',function(){varcontainer=$('#full-page-container');container.css({'width':1,'height':1});contai

javascript - 非常简单的 JavaScript/jQuery 示例 : unexpected evaluation order of instructions

令我惊讶的是,在基于jQuery的CSS属性更改之后通过jQuery应用的CSS3转换规则实际上为该属性更改设置了动画。请看http://jsfiddle.net/zwatf/3/:最初,由于这两个类的默认CSS属性,一个div由两个类设置样式并具有一定的高度(200px)。然后通过删除一个类使用jQuery修改高度:$('.container').removeClass('active');这会将高度从200像素降低到15像素。之后,通过添加类将转换规则应用于容器:$('.container').addClass('all-transition');发生的事情是高度的降低变成了动画(