Tag: css
选择具有特定类的元素的父级
我建立了一个导航栏，它有以下几种标记： S S1 S2 S3 在我的一个活动中，我可以访问用户点击a元素。 $(‘.nav’).on(‘click’, ‘li a’, function(){ var clickedLink = $(this); var prevActiveLI = ? var currentClickedAnchorsParentLI = ? }); 为了我的目的，有两件事我想来这里。 应用了active类的前一个li标记，其次是刚刚单击的a的li标记。 怎么能访问？
将Transperancy设置为模态弹出窗口内的iFrame
我在后台显示一个pdf，顶部有一个Popup，其中包含一个iFrame，我想为弹出窗口设置透明度。 它在Chrome浏览器和浏览器的其余部分完美无效:(这里是Fiddler链接： 点击这里 请告诉我如何在所有浏览器中工作。
IE 10和11中的灰度？
我试图找出如何让灰度在IE 10和11中工作。我有一个图标网格，我想要灰度。 它的构建如下： Caption. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean egestas lectus non odio bibendum iaculis. Proin a lorem purus. Caption. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean egestas lectus non odio bibendum iaculis. Proin a lorem purus. 第一个数字是全彩色。 第二个图包含“锁定灰度”类，使整个图形变灰。 它在Chrome，Safari和Firefox中运行良好。 但它在IE中不起作用。 我已经查看了各种解决方案，并试图实现一些jQuery插件（例如这一个和这个 ），但似乎它们是专门为灰度图像编写的。 有没有办法在IE中灰度图像不是图像？ 我的图标包含在带蓝色边框的方形蓝色div中，我想强制一切都是灰色的。 更新：这是一个有问题的图标的小提琴 。
像jQuery的.click（）一样工作的CSS3选择器？
我几年来一直在使用纯CSS导航，最近我们开始在我工作的公司建立一堆移动网站。 我真的想继续使用纯CSS，并注意依赖jQuery，但在移动网站上，下拉菜单无法正常工作。 是否有类似jQuery的.click(); CSS3中的事件？ 基本上，当用户点击导航链接时，我希望下拉菜单打开并保持打开状态。 我试过环顾四周，但似乎找不到任何东西。
滑块高度图像
我有一个带缩略图的图像滑块，我有一点问题。 当您单击最后一个图像的缩略图时，下面的缩略图以及旋转木马中的箭头会稍微跳一下。 任何其他图像都不会发生这种情况。 这是一个小问题，但它让我发疯，我不知道为什么会发生这种情况，因为我确保所有的图像都是相同的高度。 这是codepen 。 $(document).ready(function(){ $(‘#imgDetail’).animate({ opacity: ‘1’ },300); }); $(document).ready(function(){ // get all images loaded var images = $(“.unidoor-class”); // thumbnails containers var thumbnailContainer = $(“#thumbnails”); // generate thumbnail images generateThumbnails(images, thumbnailContainer); // listeners for controls arrows $(“.prev-next-button”).on(“click touchstart”, function() { // get the images var currentImageIndex = images.index($(“.unidoor-class[data-active=true]”)); var isPrevious = […]
单击动画标题栏，向下滑动打开的面板，如何再次单击以在凸起的栏和关闭面板上设置动画？
我有一个带有标题栏的容器和一个隐藏在其下方的面板，直到单击标题栏，然后slideDown面板并将标题栏上升几个像素。 这很好用。 打开后我需要做的是单击标题栏并将其放回到其起始位置，同时仍然关闭面板并再次隐藏。 当我在打开后单击标题栏时，面板关闭并消失，但标题栏仍然处于抬起位置（因为我没有任何东西可以将其降低）。 我尝试过几种不同的选择。 HTML Specials & Events text text text Tulalip Resort-Casino Calendar Portal jQuery的 $(document).ready(function () { var $spTitle = $(‘#specialsEventsTitle’); var $promobox = $(‘#revealDown’); $($spTitle).click(function () { $spTitle.animate({ top: ‘8px’ }); if ($promobox.height() > 0) { $promobox.animate({ height: 0 }); } else { $promobox.animate(‘slow’).animate({ height: ‘100%’ }); } }); });
将垂直滚动位置绑定到计数器
我猜这很容易，但我是jQuery的新手，所以我有点失落。 设置相对于用户垂直滚动位置的数字动画的最佳方法是什么？ 我正在做一个百万像素长的div，想要一个从0到100万的固定数字。 我是否正确地说我必须使用.scrollTop（）函数？ 为先进的任何帮助干杯！ 乙
使用Jquery实现Hashtags
我想要做的基本上是每当我写一个以＃开头的东西时，标记字符串的颜色应该立即改为其他颜色，比如蓝色。 当我按空格键结束字符串时，颜色应该变回黑色。 我在一个令人满意的div上尝试了这样的逻辑： if (# is pressed) hashtagging = true append “” to div if (space is pressed and hashtagging is true) hashtagging = false append “” to div 这没有按预期工作。
居中Divs网格（动态生成）
我已经尝试过来自SO和其他来源的每一个技巧，但对于我的生活，我无法将这个盒子网格放在中心位置。 我试图让整个网格在页面上居中。 这是一个小问题（将预览面板向左拖动一下，这样你就得到至少两列。）： http ： //jsfiddle.net/valgaze/0w77ccvj/1/ 框的网格是内联块。 通过施加利润来实现这一目标是一种愚蠢的方式，但由于种种原因这是不可取的。 必须有一些我缺少的东西，我将不得不提出任何见解！ 这是一个简化版本： #gridArea{ background-color:#FFF300; display: -moz-inline-stack; display: inline-block; border-style: dotted; border-width: 1px; margin: 0 auto; } .wrap{ text-align: center; } .card{ background:#000; padding:19px 16px; float:left; margin-right: 10px; margin-bottom: 18px; width:350px; height:100px; display: inline; text-align: center; } HERE’S DATA HERE’S DATA HERE’S DATA HERE’S DATA HERE’S DATA HERE’S […]
jQuery显示基于月份的日期
我有月份和年份选择器，因为我使用了这段代码： $(function() { $(‘.date-picker’).datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: ‘MM yy’, minDate: 0, onClose: function(dateText, inst) { $(this).datepicker(‘setDate’, new Date(inst.selectedYear, inst.selectedMonth, 1)); } }); }); .ui-datepicker-calendar { display: none; } Date : $(function() { $(‘.date-picker’).datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: ‘MM yy’, minDate: 0, onClose: function(dateText, inst) { $(this).datepicker(‘setDate’, new Date(inst.selectedYear, […]
