Tag: css

SVG文字环绕

我一直致力于创建一个显示每月进度的现金温度计。 我遇到SVG文本换行问题,可以使用一些帮助。 动画和其他所有设置,我只是不能正确包装文本。 任何有关这方面的帮助将不胜感激。 下面是我的代码的JS小提琴链接。 您会注意到文本被删除并且无法正确显示。 https://jsfiddle.net/corcorancr/4pto1wm5/1/ //– Draw Goal line if (this.currentProgress >= this.currentGoal) { this.drawTick(maxTemp, “Goal of ” + this.currentGoal + ” Reached! ” + this.currentProgress + ” receieved!”, “Black”, 0, width, tubeWidth, tubeBorderColor, scale, svg); } else { this.drawTick(maxTemp + 3, “Goal: ” + this.currentGoal, “black”, 0, width, tubeWidth, “Black”, scale, svg); […]

removeAttr(“style”)不起作用

我有这个网站: http : //thc-cup.ucoz.com/并且要显示登录表单(通过按登录按钮)我必须删除默认隐藏的div的样式,我有无控制。 我用过这段代码: $(“#baseLogForm”).removeAttr(“style”); 但它不起作用,它应该删除样式的div仍然存在。 为什么不工作? 谢谢

IE在两个地方之后撕掉小数?

我有一种情况,我使用jQuery动态地给div一个width 。 一切都与moz和ff一起工作,因为他们将100/7+”%”视为14.2857% ,而IE将其视为14.28% ,因为14.28 * 7仅为99.96。 是否有一个解决方案,使我的ie取三或四位小数? 我已经尝试将我的输出舍入到三,也尝试使用toFixed(3)这些无法正常工作。 提前致谢。

如何从css中排除特定控件?

我有一个telerik树视图 ,它以HTML格式呈现为ul 。 当我在我的aspx中使用特定的css尝试时,它没有以正确的方式出现,因为CSS文件有ul和li选择器。 来自萤火虫: 现在我想从(#tabContaier ul ,#tabContaier Li)排除这个控件 我想要一些解决这个问题的通用解决方案,特别是对于telerik控件。 编辑: 应用级联技术后:

在jquery上显示和隐藏鼠标上的元素

我想在鼠标hover时显示按钮并隐藏它们,我尝试了以下代码但不起作用。 “.$Tri_IMAGE.” “.$Tri_CAPTION.” “; } ?> $( “.mybooks” ).mouseenter(function() { $(‘.divbutton’).show(); }); $( “.mybooks” ).mouseleave(function() { $(‘.divbutton’).hide(); });

Jquery显示/隐藏在另一个页面中

我有2个html页面 在第1页中有2个链接“link1”和“link2” 在第2页中还有2个链接“link1”和“link2”以及2 & & 正在使用jquery显示/隐藏 我想当用户点击page1中的link1时它将转到第2页并显示div“id = pan1”,当用户点击page1中的link2时,它将转到第2页并显示div“id = pan2”。 这是第1页的html代码 Link 1 Link 2 这是第2页的代码 HTML Link 1 2 div 1 div 2 CSS #pan1, #pan2{ display:none; } jQuery的 $(document).ready(function(){ $(‘#pan1’).show(); $(‘.linkList li:first-child a’).addClass(‘active’); $(‘.linkList li a’).click(function() { var tabDivId = this.hash; $(‘.linkList li a’).removeClass(‘active’); $(this).addClass(‘active’); //console.log(tabDivId); $(‘.switchgroup’).hide(); $(tabDivId).fadeIn(); return false; }); });

在Internet Explorer 7中隐藏在表格单元格后面的弹出帮助框

好的,所以如果你在Internet Explorer 7中查看这个站点 (我在IE 9中使用浏览器模式工具;只需按F12)。 将鼠标hover在第一行中的表格单元格上时,帮助框 将隐藏在第二行(okay:third)行的background属性后面。 为什么是这样? 它适用于Chrome,Firefox,Opera和IE 8-9(尽管由于某些原因,jQuery脚本在IE 8中搞砸了)。 我在 , 和 上尝试了较低的z-index ,但还没有成功。 编辑#1。 哦是的,表中的所有边框都没有在IE 7中显示。这很奇怪,不是吗? 编辑#2。 CodeJack的jQuery解决方案似乎正在运行。 if ($.browser.msie && $.browser.version == “7.0”) { var z = 1000; $(“table, tr, th, td, div”).each(function() { $(this).css(“z-index”, z); z -= 10; }); }

除了在Firefox中,下拉菜单闪烁

我有一个类似于这个问题的问题Drop Down Box保持闪烁 -当我将鼠标移到它上面时, JQuery和CSS下拉菜单闪烁,除了它似乎没有在firefox中发生。 我在鼠标输出事件中发出警报,发现每次我从菜单中的一个 到另一个时触发了警报。 这是它背后的html代码的重要部分。 / Options… 如您所见,“account_container”div是下拉菜单。 当用户点击经过身份validation的帐户li时,它会首先出现,并在用户再次点击li或将其删除时消失。 导航div在css中将它的高度设置为40px,所以我认为它可能是一个定位问题,如链接问题,但将高度设置为auto无法修复它,我无法将帐户容器取出导航栏因为那会弄乱它的定位。 为什么浏览器检测到从一个菜单项转移到另一个菜单项作为mouseout事件,我该如何防止它? 编辑: 我可以做一些类似Andy E对这个问题的回答吗? 我可以将onmouseout=”hideAccount()”更改为onmouseout=”hideAccount.call(this)”并检测鼠标是否在hideAccount函数内的下拉列表的子元素上? 如果是这样,我该怎么做呢? 作为参考,这是hideAccount函数: function hideAccount(){ //alert(“mouse out!”); $(“.account_container”).hide(); }

jQuery .slideToggle,display:none

我有一个逻辑问题。 我有一个CSS下拉菜单,当浏览器或手机的宽度小于690pixles成为仅显示在切换上的菜单时。 即用户需要按下按钮才能显示菜单。 但是,一个逻辑问题是,如果你调整broswer的大小,切换菜单打开,然后再次关闭它并将浏览器的大小调整为全宽,正常菜单消失,因为slideToggle添加了display:none; div元素的样式 – 然后导致布局问题,并且不是非常用户友好。 任何想法如何解决? HTML: menu-toggle Link 1 Link 2 Link A Link B Link C Link 3 jQuery的: $(“.menu-toggle”).click(function(){ $(“#responsive”).slideToggle( “slow”, function() {}); });

Jquery Animate ScrollLeft无法在ipad上运行

所以即时开发这个网站它完美适用于PC和Mac但在ipad上我有导航问题。 http://remedia-solutions.com/clientes/0039_kiplingmexico/demo2/ 此代码将html,body移动到另一个部分。 它在pc和mac上完美运行。 但是当我在ipad上它只是不起作用。 在这种情况下,它移动到索引部分。 $(“#ini”).click(function() { if($(“#todolocal”).css(“left”) == ‘0px’){ $(“#todolocal”).animate({left: ‘3500px’}, 1000,’easeInOutQuad’,function(){ $(“#todolocal”).css(‘left’, ‘-2500px’) $(‘html,body’).stop(true,false).animate({ scrollLeft: $(“#todoini”).offset().left , scrollTop: 0}, 650); $(‘#todoini’).stop(true,false).animate({ scrollTop: 0 }, 650); lugar= 0; window.location.hash = ”; document.title=”Kipling: Inicio”; $(“#ini”).addClass(‘focusini’); $(“#hist”).removeClass(‘focushist’); $(“#col”).removeClass(‘focuscoleccion’); $(“#cuid”).removeClass(‘focuscuidados’); $(“#suc”).removeClass(‘focussucursales’); $(“#cont”).removeClass(‘focuscontacto’); return false; }); } if($(“#todobolsas”).css(“left”) == ‘0px’){ $(“#todobolsas”).animate({left: ‘3500px’}, 1000,’easeInOutQuad’,function(){ $(“#todobolsas”).css(‘left’, ‘-2500px’) $(‘html,body’).stop(true,false).animate({ scrollLeft: […]