Tag: css

当字体大小低于1px时，SVG文本路径点击半径太高: 我在D3.js中创建了一些河流，并希望它们可以点击。所以我创建了一个例子jsfiddle.net/kwoxer/5uc17jwr/19/ 。在那里你可以看到河流的鼠标hover总体上是好的。但问题是当字体大小低于1px （例如River 9和River 10）时，它就不再正确了。不知何故，鼠标hover是错误的，半径太高了。因此，在font-size 1px下面，您实际上可以将鼠标移离文本，并且河流文本仍然会突出显示。我想知道为什么它低于1px以及如何解决这个问题。也许如果有一些禁用outerRadius？问题例子我希望红色和蓝色标记与事件。红色的将突出11河，蓝色的突出19河：这几乎是同一个问题，但另一个案例。因此，当河流的字体大小太小时，蓝色区域也会切换突出显示。我想禁用该行为：

jQuery，问题与.animate（）和.fadeIn（）: 在div .frame里面我还有3个div： .middle ， .middle和.bottom 。 .bottom和.bottom display none ，当鼠标位于.bottom上时，jquery函数为animate ， .bottom的高度增加， .bottom和.bottom显示为.fadeIn() 。当鼠标超出.bottom ， .bottom的大小正在减小，而.bottom和.bottom将以.fadeOut()消失。我的CSS是： .frame{ border-style: solid; border-width: 1px; width:200px; height:200px; position: absolute; top:50px; left:50px; } .middle{ width:200px; height:200px; position: absolute; top:0px; } .top{ display:none; background-color:red; width:100%; } .bottom{ position:absolute; display:none; bottom:0px; background-color:red; width:100%; } 我的HTML： top middle bottombottombottombottom 和我的jQuery： var […]

jquery中的图像库或图像轮播: 我正在尝试制作一个非常简单的图片库/旋转木马，但我现在正在使用的代码问题..我试图在谷歌搜索用于我想要的旋转木马的正确术语，但我无法找到一个。这是我想要实现的旋转木马的图像样本我希望图像循环无穷无尽，只要文件夹中的图像显示在旋转木马中，我想在旋转木马中使用umlimited图像

在jquery中选择一个包含两个属性的元素: https://jsfiddle.net/The95Chaps/2L4t9saq/92/是我的代码 var createGrid=function(s,i,a,e){for(var r=1;r<i+1;r++){for(var c="”,n=1;n<s+1;n++){c=c+"”}c+=””,$(“#main”).append(c)}$(“.pixels”).css(“background-color”,”gray”),$(“.pixels”).css(“width”,a),$(“.pixels”).css(“height”,e)}; var modGrid = function(code){ for(var n=1;n<gridx+1;n++){ for(var i = 1; i<gridy+1; i++){ $("[x="+i+"]") } } } var gridx = 64 var gridy = 64 createGrid(gridx,gridy,1,1) 。。 .inline { display: block } .pixels { display: inline-block } #main { font-size:0; } 只是忽略顶行，它所做的就是创建数组所以目前它创建了一个64乘64的网格，每个像素的大小为1个像素，总像素数为4096个像素在我的modGrid()函数中，它将能够接受一个JS数组，然后将其转换为图像，但我在使用jquery选择器时遇到了一些麻烦。目前我知道如何选择具有特定属性的元素的唯一方法是使用$(“thing[attribute=blah]”).somefunction(); 而我只是想知道因为我选择了2个属性（x和y）我怎么做？：在for(var i){}; 循环它应该能够选择一个具有属性x的像素等于i […]

JQuery背景图像淡入淡出function会导致Chrome和Opera的CPU使用率过高: 我遇到了背景淡化脚本的问题。该function导致高CPU使用率（30-40％，在Intel i7-4810MQ上测试）。该问题仅出现在Chrome和Opera上。使用Firefox一切正常。这对我来说是一个很大的问题，因为当我的网站打开时，笔记本电脑开始加热，风扇越来越大。这是jsfiddle代码： http ： //jsfiddle.net/jwdu8mkq/4/ JS： $(document).ready(function() { var background = {}; background.num = 3; background.min = 1; background.max = 6; background.firstShow = true; background.swap = function() { var swapFirst = false; var swapSecond = false; if($(‘.background.img1’).attr(‘image-number’) == this.num) { $(‘.background.img1’).fadeOut(2000); swapSecond = true; } else if($(‘.background.img2’).attr(‘image-number’) == this.num) { […]

如何基于URL将活动类添加到导航菜单: 我有这方面的问题，它在活动时无法保持风格。如何基于URL将活动类添加到导航菜单 main manu news 123 123 123 123 $(function() { var pgurl = window.location.href.substr(window.location.href.lastIndexOf(“/”)+1); $(“.admin_nav ul li a”).each(function(){ if($(this).attr(“href”) == pgurl || $(this).attr(“href”) == ” ) $(this).addClass(“newclass”); }) }); 关于这个的任何解决方案？

选择时如何更改颜色选项卡: 我想点击它时设置标签的颜色。我的代码是： Tab-1 Tab-2 Tab-3 Tab-4 Tab-5 怎么做？ var value= “#ui-id-“; var nithin = value +”+ $(‘#hidden’).val(); $(nithin).click(function () { $(nithin).css(‘background’,’red’); var hidden=(parseInt(‘#hidden’).val())+1; $(‘#hidden’).val(hidden); });

如何在关闭jQuery手风琴菜单时折叠所有子菜单: 我之前问过这个问题。 Ahs N提供的解决方案效果很好。但是现在当菜单关闭并再次打开时，先前打开的子项仍然以它们剩下的任何配置打开。如何清除此状态但仍保留我正在使用的优秀解决方案的效果？

由于类赋值延迟，onclick函数需要双击: 标题说明了一切。我有一个LI元素列表。单击导航时，活动的li会获得“当前”类，但这需要一秒钟。但是当我使用我的代码时，我需要单击导航然后li打开，我需要再次单击以使代码注册。 video的位置无法硬编码！它需要是动态的。 (function($) { $(document).ready(function(){ $(‘video’).each(function() { $(this).get(0).pause(); }); $(‘.slides’).children(‘li’).addClass(‘test’); }); $(document).on(‘click’,’span’,function(){ if ( $(‘li’).hasClass(‘current’) ) { $(‘li.test’).find(‘video’).each(function() { $(this).get(0).pause(); }); $(‘li.current.test’).find(‘video’).each(function() { $(this).get(0).play(); }); } }); })(jQuery); http://codepen.io/hennysmafter/pen/aNrVKG?editors=1010 不幸的是，我不会在接下来的一个小时左右上class，但会在那之后回来！每个人都感谢你的帮助。

自动滚动不起作用: 我的自动滚动与jquery不起作用，这是我的CSS中的内容： #convo_mes{ text-align:left; width:98%; height:80%; background:#fff; border:1px solid #000; overflow-x:auto; } 在我的js： $(“.mes”).click(function(){ var user = $(this).attr(“id”); $(“#convo”).html(“”+user+””); $(“#convo_ctrl”).show(); $(“.send_to”).attr(“id”,user); $(“.convo_mes”).html(“Loading conversation “); setTimeout(function(){auto_scrollmes},3000); setTimeout(function(){get_convo(user)},2000); }); function auto_scrollmes(){ var objDiv = $(“#convo_mes”); objDiv.scrollTop = objDiv.scrollHeight; } 它仍然不工作，我不断改变东西，但仍然没有运气。这是我的HTML代码： Conversation Please select a message to load in here! Send