Question

我正在尝试将div上的宽度设置为auto。它在firebugs命令编辑器中工作正常，但是当我把它放在实际页面中时它不会播放。

这是我正在使用的代码：

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

当从firebug运行它时，它工作正常，但是当在页面中的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）

Answer 1

你是否把马车放在马前？即你的HTML代码是在你的HTML在页面中呈现之前执行的吗？

原型setStyle宽度自动在firebug中工作但不在页面中

1 个答案: