草庐IT

bootstrap.min.css

全部标签

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - Bootstrap 3/显示模式不适用于 javascript 方式

我使用Modal来自Bootstrap3.0的功能。我有这个代码:Openthemodalcontainingthecontent//nestedcontentwillbeinsertedhere当我点击anchor(链接)时,整个工作=>我看到了带有内容的模态。但是,当我使用Javascript方式(而不是链接)来显示模态时:$('#myModal').modal('show');我只看到淡入淡出效果而没有显示模态...当我开始点击链接,然后调用javascript时,它起作用了。(副作用?)当我通过javascript方式启动时,即使链接只显示淡入淡出效果,而没有模态。可能是..m

javascript - ActionController::RoutingError(没有路由匹配 [GET] "/members/js/bootstrap.min.js"):(缺少 Assets 文件)

我正在使用bootstrap2并设置选项卡疑問リストフォロー中の投稿ユーザーの投稿在show.html.erb(成员)上。它适用于本地但不适用于远程(heroku)。然后我检查了日志,执行heroku日志并收到了一些错误消息。我不知道如何解决这个问题。你能帮我吗?☆错误信息ActionController::RoutingError(Noroutematches[GET]"/members/js/bootstrap.min.js"):ActionController::RoutingError(Noroutematches[GET]"/members/js/bootstrap.min.

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - Plupload:选择文件按钮在 Bootstrap 模态内时不起作用

Plupload“选择文件”按钮在Bootstrapmodal内时不起作用.问题问题似乎只存在于Apple设备上,例如iPad和iPhone。我已经在运行Android4.2.2的SamsungGalaxyS4Mini和运行Android4.4.2的Nexus7平板电脑上进行了测试,这两种设备都可以正常工作。演示这是一个演示问题的演示(请注意,您需要在iPad或iPhone上查看才能看到问题):JSFIDDLE注意事项有趣的是,如果我将以下标记移到.modal元素之外,以便“选择文件”按钮在初始页面加载时可见,那么问题就会消失。[Selectfiles][Uploadfiles]我的问

javascript - Bootstrap : Multiple pages (divs) and navbar

我想使用这个流行的模板:http://getbootstrap.com/examples/navbar/我不想链接到about.htm或contact.htm,此内容应该在模板内(多页/div)。这一定是这个样子:home...about...contact...但是如何从导航标签“链接”到div?这行不通:HomeAboutContact非常感谢! 最佳答案 您需要使用JavaScript和JQuery来执行此操作。有多种方法可以实现这一目标。选项1创建一个index.html,指定一个并将其留空。然后用jQuery加载home.

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - 防止 Bootstrap 模式在提交按钮单击时关闭

我有一个Bootstrap模式。当用户单击“更新”按钮时,它会调用ajax来更新数据库。但是,如果由于某种原因更新失败,我想显示错误消息并保持模式打开。一切似乎都按照我期望的顺序工作,但是e.preventDefault()似乎没有阻止模式关闭。为什么preventDefault()没有阻止按钮提交?我的按钮:UpdateJavascript按钮点击代码。$("#btnUpdate").on("click",function(e){//resetthemessage...$("#errorMessage").html("");//getthevalue...varmyParam=$("

javascript - Tablesaw 未在 Bootstrap Carousel 中触发

我正在使用Tablesawplugin获取响应表。有时我需要在BootstrapCarousel的不同元素/幻灯片中包含不同的表格。加载时,Carousel事件元素上的表格将正确显示(Tablesaw已正确启动),但一旦我移动到下一张幻灯片/元素,其中的表格将无法正确显示(Tablesaw未启动).Tablesaw包含一个额外的JS文件以在加载时启动:$(function(){$(document).trigger("enhance.tablesaw");});这似乎适用于第一张幻灯片/元素,但不适用于其余部分。关于为什么会发生这种情况的任何线索?我创建了一个Plunkertoillu