Tag: css

如何使用jquery和CSS3 KeyFrames围绕点或鼠标周围的div或图像等元素？: 所有我有一个问题，试图使用jquery和css3关键帧移动或循环一个元素，如div或图像周围的点或鼠标继续，而不是延迟时间，只是保持圈。有解决方案吗请给我看。提前致谢！

获取.slideToggle（）影响的显示状态元素？: 我已经尝试过is(‘:visible’) ， is(‘:hidden’)和css(‘display’)但我无法获得元素的显示状态.slideToggle() 我错过了什么？这是jsfiddle： http ： //jsfiddle.net/djlerman/jbNg3/1/ 和代码： Test Slide Toggle .ui-icon { float:left; } $(document).ready(function () { $(‘span#expandList’).click(function () { if ($(this).attr(‘class’) == “ui-icon ui-icon-triangle-1-s”) { $(this).attr(‘class’, “ui-icon ui-icon-triangle-1-e”); } else { $(this).attr(‘class’, “ui-icon ui-icon-triangle-1-s”); } $(this.parentNode).nextAll(‘ul’).eq(0).slideToggle(); $(‘#debug’).html($(this.parentNode).nextAll(‘ul’).eq(0).attr(‘id’) + ‘ is(:visible): ‘ + $(this.parentNode).nextAll(‘ul’).eq(0).is(‘:visible’) + ” + $(this.parentNode).nextAll(‘ul’).eq(0).attr(‘id’) + ‘ is(:hidden): ‘ + […]

Bootstrap模态切成两半: 我有一个模态窗口设置，但是当按下激活它的按钮时，显示的模态会被切成两半，就像这样。在较小的窗口中，模态看起来很好。请原谅代码，这有点乱。 OAMK Opinnäytetyöt html { overflow-y:scroll; } body { padding-top:50px; } #todo-list { margin-bottom:30px; } OAMK Opinnäytetyöt Lisää uusi aihe {{ todo.aihe }} {{ todo.kuvaus }} × Modal Header Lisää Close

3行长html预览文本: 我有一个线程，并希望每个线程都有一个预览文本。像这样： How I can loose weight? <- Headline bla bla bla bla bla | bla bla bla bla bla | <- Preview bla bla bla bla bla… | 我想要一个三行长的预览文本，结尾只是’…’我试过它： .p { color: grey; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; line-height: 16px; max-height: 32px; } 但这对我没有用..有人知道解决方案吗？也许用JS或JQuery？

Jquery`delach（）`和`追加’给新的父母: 我有一个动态网页，我使用Jquery“draggable”和“droppable”。我试图将一个元素从一个“父”移动到另一个元素。当我做“console.log”时，我可以看到该元素有一个新的父元素。但是当我稍后向DOM添加更多HTML内容时，该元素将不会随着它的新父级移动。它停留在“文档”偏移位置。我怎么解决这个问题？小提琴 https://jsfiddle.net/0apuqnxd/13/ JS //Make elements Draggable $(‘.elementsDiv’).draggable({ revert: ‘invalid’, }); var flakUpId = $(‘#1’).attr(‘id’); $(‘#btnAddDropZone’).on(‘click’, function() { flakUpId++; var flakUp = “DropZone ” + flakUpId + ” “; $(‘#dropZones’).prepend(flakUp); }) $(‘.flakUp, .flakDown’).droppable({ accept: ‘.elementsDiv’, drop: function(event, ui) { var droppable = $(this); var draggable = ui.draggable; //Detach element from […]

根据字符数动态更改字体大小: 我正在尝试根据字符长度调整标题大小。（WordPress的）这就是我到目前为止所拥有的。它不会返回任何错误但它不起作用。 jQuery(function ($) { $(window).load(function () { var textLength = $(‘.autotitle’).val().length; if (textLength 20) { $(‘.autotitle’).css(‘font-size’, ’16px’); } }); });

给出错误图像的所选区域的图像的平均颜色: 我试图找到图像某些部分的平均颜色，然后将其设置为背景。我正在使用此颜色来查找所选区域的平均代码。 JSFiddle代码查找平均图像颜色。我想从图像中提取该部分并找到平均颜色，然后将其设置为背景图像这是我正在使用的代码 var rgb = getAverageRGB(document.getElementById(‘i’)); document.body.style.backgroundColor = ‘rgb(‘ + rgb.r + ‘,’ + rgb.g + ‘,’ + rgb.b + ‘)’; function getAverageRGB(img) { var canvas = document.createElement(‘canvas’), context = canvas.getContext && canvas.getContext(‘2d’), rgb = {r:102,g:102,b:102}, // Set a base colour as a fallback for non-compliant browsers pixelInterval = 5, // Rather […]

IE字体大小减小不会导致选择框高度降低: 我的页面上有一个字体大小调整function，通过javascript增加整个页面的字体大小。这在IE以外的大多数浏览器中都能正常工在增加字体大小后减小字体大小时，即使字体大小减小，选择框的新高度也不会减小。相反，较小的字体似乎用空格填充。关于IE在这里做什么的任何想法，以及解决方法？ function setFontSize(newFontSize) $(‘select’).css(“font-size”, newFontSize); }

显示或显示可见的活动标签: 我有引导标签的工作代码。在哪里我可以添加和删除选项卡。当标签溢出时，也会显示向下箭头。因此，用户可以单击箭头以查看可用的选项卡数量。问题：当我从下拉菜单中单击选项卡时，它会使其处于活动状态，但不会向左滚动。这样用户就可以看到顶部的活动标签。添加和删除按钮工作。但是当标签溢出并显示新的加号图标以添加新的添加。然后我无法删除。（可能是DOM准备好的问题。）试图在点击上做文件。但那没用。当我尝试从下拉菜单中删除选项卡时，它不会删除。谢谢… 示例Jsfiddle chkPlusIcon(); function chkPlusIcon() { setTimeout(function () { var pageWidth = $(“.pull-left-db-nav-tabs”).width(); var lastElementLi = $(“.db-nav-tabs”); var elementWidth = $(lastElementLi).width(); var elementLeft = $(lastElementLi).position().left; $(‘.pull-right-db-nav-tabs-ul’).empty(); if (pageWidth – (elementWidth + elementLeft) = 1) {} else { $(‘.db-nav-tabs > li’).clone().appendTo(‘.pull-right-db-nav-tabs-ul’); } /* […]

滚动到活动标签: 这个问题是基于我的上一个问题。显示或显示可见的活动标签我必须解决一些问题，所以我已经解决了。但我仍然无法使其正常工作。就像我想滚动左右活动/点击标签来显示。请看看jsfiddle的例子。例如：当我点击溢出的标签5时，它应显示可见。然后从1到4将溢出（隐藏）所以现在如果我点击2（2点击）然后它应滚动到右边并显示它可见。实际上，将有N个列表（li）元素。我刚发现不知道为什么但是jsfiddle示例在IE上不起作用。谢谢… 的jsfiddle $(document).on(‘click’, ‘.liClicked’, function () { var idValue = ($(this).attr(‘id’)); console.log(idValue); var idValues = ($(“.element ul li#” + idValue)); console.log(idValues); // $(idValues).css(‘left’,’-50px’); $(‘.element’).animate({ “left”: “-=50px”, }, “slow”) }); $(“#right”).click(function () { var calcs = ($(‘ul li#tab1’).width()); $(“.element”).animate({ “left”: “+=” + calcs, }, “slow”); }); […]