草庐IT

css-text-wrapper-makes-hthml-text

全部标签

javascript - jQuery .css 以像素为单位返回 css 属性,而实际上以百分比为单位

我正在尝试使用jQuery中的.css方法获取left属性的值(以百分比表示):varmy_value=$("div").css("left");问题是,上面以像素为单位返回它...关于如何让它返回属性的实际值(以百分比表示)的任何想法? 最佳答案 如果你在内联应用left,你可以直接从style.left访问它,例如:varmy_value=$("div")[0].style.left;对我来说,在Firefox、IE和Opera上,它返回百分比值,而css返回像素数。(在Chrome上,我可以通过任何一种方式获得百分比。)如果您

没有 Jquery 和 CSS3 的 Javascript 淡入淡出

我真的绞尽脑汁想使简单的淡入淡出背景图像仅适用于javascript而无需使用JQuery和CSS3。我知道在Jquery中调用fadeIn()和fadeOut()是多么容易。不幸的是,在我工作的项目中,他们不支持Jquery。我想支持IE6的动画以供您引用。单击链接时,div的相应背景会从先前存在的背景中淡入淡出。我试图让它基于setinterval工作,但无法做到。functionhandleClick(evt){varelement=document.getElementsByClassName(evt.target.id);fade(element);}functionfade

javascript - 如何在 jQuery 的 .text() 中显示新行?

我有以下代码:varstringDisplay="Hello\nWorld";$("#meaning").text(stringDisplay);显示\n而不是换行符。输出显示为Hello\nWorld.我用了标签也代替了\n,但它仍然无法正常工作。 最佳答案 您将不得不同时使用.html()并替换换行符:varescaped=$('').text(stringDisplay).text();$('#meaning').html(escaped.replace(/\n/g,''));另一种方法是设置元素的样式:white-space

javascript - 如何使用 d3.js selection.text() 方法添加

selection.text(' ')似乎转换了特殊字符,因此它呈现实际文本,而不是我想要的空格。有没有办法阻止选择上的text()方法为我进行这种转义?对于上下文,这是一个表格单元格,对于所选内容中的某些元素是空的,我需要其中的空间以便单元格正确呈现。 最佳答案 使用JavaScriptUnicode转义而不是HTML实体。 在HTML中表示Unicode字符U+00A0所以selection.text('\u00A0')应该做你想做的。 关于javascript-如何使用d3.jss

javascript - 3 态 CSS 拨动开关

我一直在寻找3态拨动开关,但运气不佳。基本上我需要一个具有以下状态的开关:|开|不适用|关|slider默认从中间开始,一旦用户向左或向右滑动,就无法回到N/A(未回答)状态。有人知道如何处理这个吗? 最佳答案 尝试这样的事情:.switch-toggle{width:10em;}.switch-togglelabel:not(.disabled){cursor:pointer;}ON OFF这将以N/A作为默认选项(通过checked="checked")开始,但稍后使其不可选择(通过使用disabled)JSFiddl

Javascript 和 CSS,使用破折号

我开始学习一些javascript并了解命名标识符时不允许使用破折号。但是,在CSS中,通常对ID和类使用破折号。在CSS中使用破折号会以某种方式干扰javascript交互吗?例如,如果我要使用getElementByID("css-dash-name")。我已经尝试了几个使用带有破折号的getElementByID作为divID名称的示例并且它有效,但我不确定在所有其他上下文中是否都是这种情况。 最佳答案 在ID(或类名,如果您选择的话)中有破折号和下划线不会产生任何负面影响,可以安全使用它们。你只是不能做这样的事情:varso

javascript - Swagger 'GET' 请求总是以 text/html 形式返回 Accept type on response 而不是 application/json

我有一个使用SwaggerUI的swagger标签文档,它总是返回text/html但它应该返回application/json。POST请求和所有其他类型都返回application/json但这个特定的GET请求不会。服务端点代码正确。如果我将请求更改为POST,它会作为application/json返回。所以它只是在swagger中键入GET,它不会返回正确的类型。有没有想过如何更正UI中的调用以使用application/json?这是最近从swagger站点下载的swagger版本2.1.4。"/bankName":{"get":{"summary":"BankNameSe

javascript - D3.js 图表 : Labels (<text> Tags) Not Showing On IE11

我有一个堆积条形图,其标签不会在IE上显示,但会在Chrome和Firefox上显示。我在堆叠条形图上的标签是轴和图例的一部分。这是页面加载时的样子。图表的文本实际上确实加载了,但只有在我与之交互之后。如果我执行以下任何操作...单击/右键单击图表上的任意位置将鼠标悬停在一个栏上(这会触发我设置的工具提示出现)调整窗口大小...图例和轴上的图表标签均出现。我正在使用viewbox,这可能是这里的问题,因为我知道当将viewbox和IE放在同一个锅中时会发生一些黑魔法。编辑:在我看来,这是一个预先存在的问题。参见here和here.更新:我不得不更改它在页面上的放置位置(我没有编辑CSS

javascript - 是否可以检测浏览器何时使用后备字体而不是 CSS 中指定的主要字体?

如果在文本字段中输入了一个字符,而当前应用的字体不支持该字符,则会为该字符使用备用字体。是否可以通过Javascript或其他方式告知何时发生这种情况?尝试创建一个脚本,在字体不支持某个字符时提醒用户。感谢您的帮助! 最佳答案 这听起来像是fontkit.js之类的工作或opentype.js,甚至Font.js,所有这些都可以测试字形支持的字体。系统字体没有以这种方式涵盖(Font.js可能会工作,它可能会报告测试字形的宽度为0)但是这些通常是“网络安全”字体,我们已经确切地知道支持哪些字形,因为每个人都使用相同的。但是,为了测试

javascript - 是否可以通过鼠标单击 &lt;input type=text> 元素来 dispatchEvent()?

基本上,我尝试使用以下代码将自定义的鼠标单击事件分派(dispatch)到文本输入元素(参见jsFiddle):functionsimulateClick(id){varclickEvent=document.createEvent("MouseEvents");clickEvent.initMouseEvent("click",true,true,window,1,0,0,0,0,false,false,false,false,0,null);varelement=document.getElementById(id);element.dispatchEvent(clickEvent