Tag: css

jQuery样式未在Safari中应用

我有一个绝对定位的元素,我在jQuery的帮助下使用CSS属性’left’移动。 $(“#element”).css(‘left’, ‘103px’); 在Firefox中,这可以按预期工作。 但是在Safari中,我可以在element.style下看到Web Inspector中出现的样式,但样式未更新。 如果我禁用(并重新启用)任何匹配的CSS规则(即使那些没有直接应用于我的div),也会渲染使用jQuery的样式。 我在旧的PowerMac上使用jQuery 1.7.2运行Safari 5.0.6。

更改每个单词的第一个字母的值

我试图使用jQuery,CSS或PHP来增加字符串中每个单词的第一个字母的字体大小。 例如,我将在h1标签中有一个标题,如下所示: The title of this page goes here 我想要将所有文本文本转换为大写(CSS没有问题),但随后增加字符串中出现的第一个字母的字体大小。 使用CSS或jQuery,有没有办法选择每个单词的第一个字母并进行修改?

获取元素的所有计算样式

我希望得到所有应用于元素的样式,例如你在右上角看到的Chrome开发者工具中称为“Computed Style”我希望获得所有列表是否有任何其他简单的方法来获取所有列表和属性 源代码 我试过这个javascript但它不是我想要的,我必须手动编写css属性 我只是希望早期或默认情况下应用于元素的所有样式

jQuery如何将CSS应用于所选文本

我正在尝试将CS​​S应用于所选文本。 我尝试了以下,但它不起作用。 我正在使用Firefox。 $(document).keyup(function(){ savedRange = selection.getRangeAt(0); $(savedRange).wrap(”); }); 我也试过了 savedRange = selection.getRangeAt(0); $(savedRange).css(‘color’, ‘red’); 我可以使用execcommand使用contentEditable执行此操作,但execcommand应用html标记而不是内联样式。 例如: 而不是style=”font..” 。 我需要应用内联样式而不是已弃用的html标记。 我想使用jQuery css()属性来应用样式。

如何隐藏Ionic Framework中的选项卡

我选择了离子选项卡视图,因此我可以使用模板系统,但我无法删除选项卡。 我想要一个这样的视图,我确实设法删除标题栏但我不能删除标签栏 这是我到目前为止所得到的: 如果我隐藏标签栏( ion-tabs{display:none} ),它也会删除内容,这不是我想要的。

使用javascript根据下拉列表更改图像。

我是javascript的初学者,我想根据我的下拉列表中的选项更改图像(选择)我找到了本教程 ,但我遇到了一些问题。 在本教程中,如果您想使用代码,他们会将iljbild替换为您要使用的图片文件的名称,因为图片文件的名称必须与示例中的名称相同,即唯一告诉文件分开的事情应该是一个数字,例如pict0.gif,pict2.gif等。如果你使用jpg图像,你将不得不用jpg替换gif。 设置图像的宽度和高度如果更改选择列表中的(长度)单词,则还需要更改charAt后面的数字(此处为8) 这就是我通过以下方式替换iljbid所做的: http : //upload.wikimedia.org/wikipedia/commons/1/1e/Stonehenge.jpg但它不起作用。

jQuery:如果完成,按需加载css +回调

我想按需加载CSS文件(通过例如运行XML HTTP请求,返回要加载的CSS文件),例如style1.css , style2.css .. 那么jQuery(或插件)中有一种方法吗? 批量加载多个文件+将所有这些CSS文件添加到dom中 完成加载时:触发回调(如警告“所有样式表已完成加载!”); 这个想法是:通过xmlhttp加载html ,加载+添加所需的 css文件,然后 – 在完成任何事情后,显示该html 。 任何的想法? 感谢名单!

更改了jQuery找不到的ID

很难想出这个问题的标题。 更多的是为了概念validation,我想知道为什么这不起作用。 我正在尝试做的是使用jquery事件来更改ID属性,然后使用绑定到这个新更改的ID的另一个jquery事件。 例如: <?php echo <<<END #before { color:maroon; } #after { color:blue; } Test $(document).ready(function(){ $(“#before”).hover(function() { $(this).attr(“id”,”after”); }); $( “#after” ).click(function() { alert( “Handler for .click() called.” ); }); }); TEST TEXT END; ?> 将鼠标hover在我的测试文本上时,颜色会从栗色变为蓝色,如预期的那样。 我的理解是,文本现在具有“after”的ID,并且单击时将应用click事件处理函数。 但是,快速事件处理程序及其关联的警报似乎不会触发。 我是jquery的新手,或许有一个更新处理程序function,我忽略了?

检索百分比CSS值(在firefox中)

我在firefox上检索确切的css属性值(在’%’中)时遇到问题。 假设我们有这个非常简单的标记: box 这个css: #box{ width:200px; height:200px; left:10%; position:absolute; background:red; } 我想通过js 检索左侧位置 (’%’) 使用mootools非常容易(演示 – > http://jsfiddle.net/steweb/AWdzB/ ): var left = $(‘box’).getStyle(‘left’); 或jQuery(演示 – > http://jsfiddle.net/steweb/RaVyU/ ): var left = $(‘#box’).css(‘left’); 或者通过普通的js(演示 – > http://jsfiddle.net/steweb/tUAKA/ ): function getStyle(el,styleProp){ //from ppk’s quirksmode var x = document.getElementById(el); if (x.currentStyle) var y = x.currentStyle[styleProp]; else if (window.getComputedStyle) […]

less.js可以从HTML中读取类名和参数吗?

我刚刚开始使用LESS ,我喜欢它。 我现在正在研究grid.less ,它使用LESS语义创建网格。 这使我能够做这样的事情 //css .mydiv { .column(9); } //html 9 column wide 我没有研究过less.js ,但是在某种程度上可以做到以下几点: //html 9 column wide 有没有办法实现这个目标?