原型setStyle寬度自動工作在螢火蟲，但不是在頁

我試圖設置div上的寬度爲自動。它在Firebugs命令編輯器中工作正常，但是當我將它放入實際頁面時，它不會播放。原型setStyle寬度自動工作在螢火蟲，但不是在頁

這是我使用的代碼：

$('content').setStyle({width: "auto"});

當從它工作正常螢火蟲運行，但是當在頁面的js函數，它不會工作：

<a href="javascript:void(0);" onclick="javascript:hideSide();">Hide Sidebar</a> 
<script type="text/javascript"> 
function hideSide() { 
    $('content').setStyle({width: "auto"}); 
    $('main').hide(); // this works fine 
} 
</script>

Firebug控制檯不報告任何錯誤。我也嘗試將其包裝在Event.observe(window, 'load', function() {});中，但那也不起作用。

任何人都知道這是怎麼回事？

感謝您的閱讀。

請求CSS

#content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; } 
* html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;} 
html>body #content { min-height: 600px; } 
* html body #content { height: 600px; } /* IE */

您還可以看到this link for the html和this link for the full css。

對不起，我應該提到那裏的HTML源代碼的鏈接，原來，所有我所做的是添加上面的鏈接和腳本摘錄（見here）

來源

2011-08-20 hamstar

請顯示所有與'＃content'有關的HTML和CSS。 –

你本末倒置那匹馬？即您的JavaScript代碼是否在您的HTML呈現在頁面中之前執行？

來源

2011-08-20 21:05:41

是的，我認爲可能是這種情況，因爲我是發佈但是我嘗試用'Event.observe（window，'load'，function（） {}）;'並沒有區別:( – hamstar

原型setStyle寬度自動工作在螢火蟲，但不是在頁

回答

相關問題