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

标签 javascript html css

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

但是我有一些问题。当用户垂直缩小页面时,我也想移动右侧 slider 导航。

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

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%。请给我一些想法。谢谢

最佳答案

您可以使用 !important CSS 强制 slider 为 100&% 吗? 我通过 Firebug 进行了尝试,它似乎有效。

例如将您的 css 更改为:

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

关于javascript - 请帮我修复 javascript 中的 html div 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6639970/

相关文章:

html - Service Worker 是要替代 Appcache 还是与之共存?

javascript - 在浏览器中移动图像元素

html - Firefox 中的额外垂直滚动

javascript - Promise 在 nodejs 中没有实现

javascript - 处理多个条件的正则表达式

javascript - Nodejs/Javascript动态间隔

html - CSS - Flexbox - 文本适合时的内联列表

javascript - 从 Rails View 调用 JS 函数

javascript - 更改其子项的位置后,HTML 容器无法正确滚动

html - 将背景图像应用于多个 <li>