如何在Greasemonkey中使用JQuery更改div的宽度和宽度

时间:2013-03-14 00:27:44

标签: jquery greasemonkey

我正在尝试使用greasemonkey中的jquery更改一些css属性。如果我转到网站并使用firebat手动编辑值一切正常,但由于某种原因,这个油脂猴子脚本不会工作,我无法弄清楚为什么。

我正在尝试将div#feedlyFrame div#feedlyPart0 div#feedlyPage div#mainArea div#timeline宽度的宽度设置为100%,并将#feedlyTabsHolder的行高更改为20px,将div.icon的高度更改为20px。

这是:

// ==UserScript==
// @name        fix feedly
// @namespace   reader
// @include     http://www.feedly.com/*
// @version     1
// ==/UserScript==

$(document).ready(function() {
   $("div#feedlyFrame").width("100%");
   $("div#feedlyPart0").width("100%");
   $("div#feedlyPage").width("100%");
   $("div#mainArea").width("100%");
   $("div#timeline").width("100%");
   $("#feedlyTabsHolder").css("line-height", "20px")
   $("div.icon").height("20px");
 });

2 个答案:

答案 0 :(得分:2)

选择器应该是一个字符串:

$("div#feedlyFrame").width("100%");

答案 1 :(得分:0)

<强> - 编辑 -

看看您是否可以将width()与问题隔离开来。

尝试$("div#feedlyFrame").css({'border', 'solid 1px red'});或类似的东西。如果没有结果,问题可能在于您尝试访问该元素的方式,或者可以

此元素是live元素的任何镜头?


OP,

您是否尝试.css()代替.width()

$("div#feedlyFrame").css({'width', '100%'});