请帮我修复javascript中的html div宽度

时间:2011-07-10 08:05:15

标签: javascript html css

好的,我编写了一些HTML页面。我在那里集成了一个jQuery滑块。滑块名称轨道滑块。 我的网站使用流体布局。如果垂直最小化页面,则可以看到右侧角落图像向左移动。

但我有一些问题。当用户垂直缩小页面时,我也希望移动右侧滑块导航。

问题是我无法在滑块中应用100%宽度。滑块根据图像大小自动创建宽度。我不知道如何将其改为100%宽度 您可以在此页面中查看滑块。

Click here to see the page

这是我的javascript文件。

Javascript file

这是javascript使用宽度的地方。

var b = 0,
p = 0,
h, v, u, f = d(this).addClass("orbit"),
c = f.wrap('<div class="orbit-wrapper" />').parent();
f.add(h).width("1px").height("1px");
var e = f.children("img, a, div");
e.each(function () {
    var a = d(this),
    b = a.width(),
    a = a.height();
    b > f.width() && (f.add(c).width(b), h = f.width());
    a > f.height() && (f.add(c).height(a), v = f.height());
    p++
});

您可以在javascript文件中查看它。我希望宽度100%。请给我一些想法。感谢

1 个答案:

答案 0 :(得分:3)

使用!important css可以强制滑块为100&amp;%吗? 我通过萤火虫尝试了它,它似乎工作。

示例将您的css更改为:

.orbit-wrapper:
{
    width: 100% !important;
}