0

我对 Javascript 很陌生，可以用一只手来解决我遇到的一个小问题。

我有一个 PHP 脚本，它从数据库中加载不同数量的图像——全部为 150 像素宽——并将它们显示在水平行中。如果项目超过标准宽度，我需要能够调整此行的宽度以启用滚动，或者如果不是，则删除滚动条。

在我的 PHP 中，我查询数据库，如果返回的结果集大于 0，我在 javascript 中尝试以下操作

$width = mysql_num_rows($get) * 150;
'<script type="text/javascript">
        document.getElementById('container').setAttribute('style', 'width: '.$width.''); 
</script>'

container 是由结果集填充的持有 div ID。但是，我似乎无法根据查询结果动态更新宽度。

我的 HTML 很简单

<div id="container">
#Call PHP Function
</div>

谢谢

4

3 回答 3

0

我不确定您到底想实现什么，但您的宽度样式应该包含像素：

'<script type="text/javascript">
    document.getElementById("container").setAttribute("style", "width: '.$width.'px"); 
</script>'
于 2013-10-30T21:06:32.363 回答
0

我认为你的引号是罪魁祸首。

尝试 .setAttribute('style', 'width: '+$width);

于 2013-10-30T21:02:27.747 回答
0

I have no idea why you need JS and not plain CSS. As Kender stated you might solve this problem with white-space: nowrap;.

Sample

http://jsfiddle.net/8hkLu/

HTML

<div class="myDynRow">
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
</div>

<div class="myDynRow">
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
    <img src="http://www.whats-your-sign.com/images/ZodiacFlowerRose.jpg" />
</div>

CSS

.myDynRow {
    white-space: nowrap;
}
于 2013-10-30T21:09:39.797 回答