草庐IT

collapsing-margins

全部标签

javascript - 未检测到 Bootstrap 崩溃事件 hidden.bs.collapse

我有一个使用引导折叠元素的Angular应用程序。我创建了一个名为accordion-list的指令,用于托管可折叠元素。然后,为了收听事件,我使用了jquery事件委托(delegate)。出于某种原因,我的应用程序无法检测到Bootstrap何时触发hidden.bs.collapse事件。这是我的代码://app.js'usestrict';(function(){varprovasNaoIdentificadas=angular.module("provasNaoIdentificadas",['restClient']);provasNaoIdentificadas.cont

javascript - jQuery offset() 被 body 位置打破 :relative combined with element margin

这不是错误,因为FF、Chrome、IE9和Win7上的Safari的行为是一致的。我正在开发的应用程序是主机页面的第3方,因此CSS是不可变的。脚本会尝试将新的div与现有元素对齐。正文是position:relative页面顶部有H1H1的边距似乎在计算主体0,0的位置发生变化-即使主体上的背景一直延伸到边缘,并且它的offsetTop属性报告为0在body上设置边框解决了这个问题-看起来很奇怪但在浏览器之间是一致的吗?(不是可行的解决方案)移除H1边距可以解决问题(不是可行的解决方案)这里的例子,JS被注释为复制每个案例:http://codepen.io/anon/pen/EG

javascript - 为什么将 'margin: 0 auto' 添加到 slider 菜单会破坏它?

我正在创建一个slider菜单并且一切正常,直到我尝试使用margin:0auto;将其居中我强烈认为问题出在相对定位和我正在使用的jQuery.animate函数上。所以我正在寻找另一种方法来实现相同的结果!这是一个解决问题的fiddlehttp://jsfiddle.net/jwsh7/(无法包含图像,所以我在所有内容上都加上了边框,问题出在绿色边框的div上)删除margin:0auto;以查看它是否按我希望的方式工作。body{margin:0;padding:0;}#content{width:625px;border:1pxsolidred;}#contentdiv.sli

javascript - Materialise CSS Collapsible 不展开

我正在尝试向我的项目添加具有默认行为的可折叠Accordion样式。页眉似乎进入了UI,但它不会展开以显示可折叠主体部分。任何人都知道我怎样才能使这项工作?或者看看为什么不是?这是我的html:delete_forever{{diary.category}}{{diary.date}}{{food.title}}Calories:{{food.calories}}Fat:{{food.fat}}Protein:{{food.protein}}Sodium:{{food.sodium}}Sugars:{{food.sugars}}这是我初始化可折叠的Controller:"usestri

javascript - Bootstrap : Accordion Collapse stopped working with Bootstrap 2. 0.3

我使用data-toggle="collapse"和data-parent="#selector"的Accordion在Bootstrap2.0.2上运行良好,但是当我切换到2.0时.3Accordion功能停止工作。它仍然打开和关闭targetdiv,但它不会自动关闭打开的targetdiv>当点击另一个带有data-toggle="collapse"的td时。您可以在此处看到它不适用于2.0.3:http://chooserealtoday.com/#faq以下代码示例也在JSFiddle上http://jsfiddle.net/N7MN9/3/.Whatisyourname?Ma

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - bootstrap collapse 只切换一次

我又一次在这里拉扯我的头发...所以我有bootstrapcollapseworkingwithjsFiddle(http://jsfiddle.net/rasreye/xtPtH/1/)-但是当我添加到我的网站时,它只会崩溃一次...(即单击它打开的标题,再次单击它关闭,再次单击然后什么都没有)这是指向存在问题的实际页面的链接:http://www.urbanoffering.com/custom-optimizations这是JS//$(document).ready(function(){location.hash&&$(location.hash+'.collapse').co

javascript - Bootstrap Collapse - Jquery "Collapse all"函数

我正在前端使用Bootstrap编写一个个人提要阅读器,并想添加一个“折叠/全部展开”按钮。这是我的第一个JavaScript/JQuery代码,所以除了在FirefoxDeveloperConsole中打印变量外,我不知道如何调试它。我的页面结构由面板组成。用户可以通过单击面板标题来展开或折叠面板。以及一个用于折叠或展开所有面板的按钮。我的解决方案大部分时间都有效,但我注意到一个奇怪的行为。这是我重现问题的方法:第一次打开页面通过单击标题展开一个面板现在折叠所有按钮折叠打开的面板,并展开其他面板。就好像它“切换”所有面板而不是关闭它们一样。在这种奇怪的行为之后,一切正常,如果不刷新页

javascript - Bootstrap collapse 有一个跳跃的过渡

我对Bootstrap导航栏的转换有疑问。当折叠元素有填充时,折叠有一个跳跃的过渡我搜索了这个问题,似乎问题出在填充上:.menu-menu-container{padding:100px30px60px30px;background-color:yellow;}事实上,如果我从menu-menu-container元素中删除填充,动画效果很好,而且非常流畅这是我的代码笔:http://codepen.io/mp1985/pen/EyOJYE如何在没有这个奇怪问题的情况下获得相同的结果? 最佳答案 问题是由您折叠的容器的填充引起的。

xml - XSL :FO float for displaying margin notes - breaks document

我有一份转录成XML的大型中世纪手稿(使用TEI模式)。我正在使用xsl:fo和ApacheFOP处理成PDF。该文件是使用嵌套构建的,,如下所示。偶尔用于边注。titlehereLoremipsumdolorsitamet,consecteturadipiscingelit.Quisqueaorcinonmaurisconvallisimperdietconsequatnecpurus.Crasmollislacusvellectusfacilisis,nonhendreritvelittempor.Phasellustemporurnavelaccumsandignissim.Al