好的,我编写了一些HTML页面。我在那里集成了一个jQuery滑块。滑块名称轨道滑块。 我的网站使用流体布局。如果垂直最小化页面,则可以看到右侧角落图像向左移动。
但我有一些问题。当用户垂直缩小页面时,我也希望移动右侧滑块导航。
问题是我无法在滑块中应用100%宽度。滑块根据图像大小自动创建宽度。我不知道如何将其改为100%宽度 您可以在此页面中查看滑块。
这是我的javascript文件。
这是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%。请给我一些想法。感谢
答案 0 :(得分:3)
使用!important css可以强制滑块为100&amp;%吗? 我通过萤火虫尝试了它,它似乎工作。
示例将您的css更改为:
.orbit-wrapper:
{
width: 100% !important;
}