Tag: css

CSS解析器/抽象符？ 如何将样式表转换为对象

是否有一个标准或可靠的方法已经存在javascript框架，如jquery将样式表解析为对象？ 我想知道为什么有两个原因： 我看过几个问题，有人想知道如何获取样式表为选择器设置的样式属性，而不是选择器最终inheritance的样式属性。 如果Sizzle做了它应该做的事情，这可能是确保样式表能够跨浏览器正确呈现的解决方案。 基本上jquery解析样式表并手动设置所有属性（可能基于浏览器或已知的未实现的选择器。）这样设计人员/开发人员只需编写一个向前兼容并具有jquery / sizzle的CSS3样式表来完成浏览器赢得的工作“T。 我看到的唯一缺点是，这仍然不会实现CSS3属性，但它是一个开始。

jqgrid viewGridRow对话框大跨度和图标

我有一个带有一些数据的JQGRID，Id喜欢在用户双击该行时在对话框中显示行数据。 做到了： ondblClickRow: function(rowid) { jQuery(this).jqGrid(‘viewGridRow’, rowid); } 但我有两个问题： 1：我在其中一个字段中有一个图标，当它在对话框中显示时，它的位置搞砸了（见下图）。 2：我在最后一个字段中有一个长文本（最多150个字符）。 该对话框以很长的跨度显示它，并创建一个水平滚动条。 我想让它以几行或类似textarea的方式显示文本，以便创建一个垂直滚动条。 已经尝试过这个： afterShowForm: function(form) { form.css(“width”, “fixed”); } 但它没有用。 我正在考虑获得“editGridRow”的相同样式，但仅限于视图。 但它也没有成功。 任何人都知道如何解决这个问题？ ** 编辑： ** 对不起伙计们，inheritance人我是如何填补网格的！ $(function() { jQuery(“#gridJson”).jqGrid({ url:’Consulta_Dados_Ultimos.asp’, datatype: “json”, colNames:[‘N°’,’Data’,’Valor’,’Obs’,’Status’], colModel:[ {name:’num_solicit_vale’, align:’center’, sorttype:’int’, width:80}, {name:’data_solicit_vale’,index:’data_solicit_vale’,width:95,align:’center’,sorttype:’date’, formatter:’date’,formatoptions: {srcformat:’d/m/YH:i’, newformat:’d/m/YH:i’}}, {name:’valor’,index:’valor’,width:80, align:’left’, formatter:’currencyFmatter’}, {name:’obs_solicit_vale’, sortable:false, width:240}, {name:’status_solicit_vale’,index:’status_solicit_vale’,width:80, formatter:’iconFmatter’} ], rowNum:10, rowList: […]

Highcharts不适合Bootstrap 3模态体

如何使用Bootstrap 3模态拟合并制作高图表图表？ 看起来图表独立于页面的CSS，但我不确定。 ×Close Assortment Analysis Close $(function () { $(‘#container’).highcharts({ chart: { type: ‘column’ }, title: { text: ‘Stacked column chart’ }, xAxis: { categories: [‘Lazada’, ‘Competitor 1’, ‘Competitor 2’, ‘Competitor 3’, ‘Competitor 4’] }, yAxis: { min: 0, title: { text: ‘Price Range’ } }, tooltip: { pointFormat: ‘{series.name}: {point.y} ({point.percentage:.0f}%)’, shared: true […]

jQuery – 单击启用/禁用页面上的所有样式表

是否可以通过单击“禁用/启用CSS”按钮检测当前页面上的所有样式表，并在第一次单击时禁用它们以便不应用任何样式，然后在第二次单击时再次还原它们？ 知道jQuery会是什么样子，如果可能的话？

在hover时更改文本，然后返回上一个文本

我有一个评论系统，每个评论都有一个按钮，通常显示回复的数量。 我希望当用户将鼠标hover在按钮上时，文本会从“3回复”变为“回复！”，然后，当鼠标离开按钮时，文本将返回“3回复”。 因为每个评论的回复数量各不相同，所以我不能做一个简单的mouseover / mouseout脚本。 绕过它的一种方法是将回复的数量作为变量传递，并使用一个小函数来处理它。 但必须有一个更简单的方法。 我尝试在css中使用：hover事物来更改标记的内容（使用css属性内容），但还没有运气。 任何帮助表示感谢，谢谢！

将光标设置为等待的最简单方法，然后将所有元素还原

在我的网站上，我有一些CSS类，当你鼠标hover在它们上面时，它们会设置一个固定类型的光标。 当我在页面的任何地方进行AJAX调用时，我想将光标设置为等待图像，然后让它恢复到AJAX调用完成后它应该是的任何光标。 我试过了： $(document).ajaxStart(function () { document.body.style.cursor = ‘wait’; }); $(document).ajaxStop(function () { document.body.style.cursor = ‘auto’; }); 当我的鼠标位于一个带有改变光标的CSS类的DOM对象上时，这不起作用，而且我对如何使它这样做感到困惑。 目前我有一节课： .pills a:hover { background-color: #0069D6; color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); text-decoration:none; cursor:pointer; } 如果将鼠标hover在此类中的对象上，并且启动了Ajax调用，则光标仍将保留为指针。

在JQuery中将select的背景颜色设置为选定选项

此问题的后续行动： 在JQuery中设置选择选项的背景颜色 我有一个包含多个选择框的页面，如下所示： ——— Online Offline Unknown 这些是在django中自动生成的，因此无法将css类，id或属性直接应用于选项。 select元素包含’item-0-status’，’item-1-status’，’item-2-status’等ID。 我通过以下JQuery代码为选项分配颜色： $(‘select[id$=-status][id^=id_item-]’).children().each( function (){ if($(this).val() == 0){ $(this).css(‘backgroundColor’,’white’); } if($(this).val() == 1){ $(this).css(‘backgroundColor’,’green’); } if($(this).val() == 2){ $(this).css(‘backgroundColor’,’red’); } if($(this).val() == 3){ $(this).css(‘backgroundColor’,’orange’); } } ); 哪个工作正常。 我还希望select元素具有与所选选项相同的背景颜色，我试图使用以下内容实现： $(‘select[id$=-status][id^=id_item-]’).each( function (){ $(this).css(‘backgroundColor’,$(‘option:selected’,this).css(‘backgroundColor’)); } ); 但是，这只是将选择元素用蓝色着色（我认为它是从hover属性而不是背景中获取颜色）。 这是在Firefox 3.6.8中，出于此问题的目的，它是唯一关注的浏览器。 知道如何解决这个问题吗？

使用JQuery更改类中的CSS规则

我有一个CSS类 .Foo { width:20px; } 使用Jquery我想在事件上做类似的事情： $(“.Foo”).css(“width”, “40px”); 这不起作用。 这是错误的做法吗？ 我应该使用addClass（）和removeClass（）吗？ 编辑：我想出了我的问题。 这个命令确实有效。 在我的特定应用程序中，在使用命令之前我没有使用类创建元素，因此在创建它们时没有任何更改。 基本上这个命令不会改变CSS样式规则，只改变使用类的元素。

使用类似JQuery的选择器语法以编程方式编辑Less（css）代码？

可以在less.js中使用库从浏览器中的较少文件动态重新生成css。 如果有一种简单的方法来修改较少的代码，这将是动态更新站点的CSS的一种非常强大的方法。 想象一下，你有一种在大型网站上使用过100次的颜色。 如果你想仅使用javascript动态改变那种颜色，你需要更新具有该颜色的每一位css（可能是50行代码）。 根据我的想象，你需要写的是这样的： $(‘@mainColour’).value(‘#F04’); 我正在考虑自己去做，但这听起来像一个巨大的项目，我想知道是否有人已经开始这样的事情？ 编辑：澄清一下，理想情况下我想要做的是获取一串Less代码，以编程方式编辑它（可能使用类似jquery的选择器语法），然后将其吐出为修改后的Less。 理想情况下，代码是在Javascript中（但不一定是客户端）我上面给出的示例是一个可能的应用程序但可能不是一个好的（可能有更好的更常见的方法来实现它）。

你如何只显示div的第一行文本并展开点击？

我想只显示一个包装文本块的第一行，然后在点击时显示整个块。 此外，我想知道如何在第二次点击时将其切换回紧凑的单行版本。 有没有一种简单的方法来通过css + javascript做到这一点？ 我使用jQuery。