Javascript 无法使用ImgLiquid显示responsiv图像

Javascript 无法使用ImgLiquid显示responsiv图像,javascript,jquery,Javascript,Jquery,我在尝试使用时遇到了一个问题;我不明白为什么,但当我启动它的形象不再显示。 我试图直接将代码添加到我的页面中,但这并没有改变任何事情 这是一个优先问题还是一个冲突问题 这很奇怪,因为插件似乎加载正确,因为我没有控制台问题,我的显示器也没有变化 以下是之前和之后的内容: 这就是我“硬编码”的方式。也许是在那里我做错了 如何使用该功能: $(function() { $(".imgLiquidFill").imgLiquid({ fill: true, h

我在尝试使用时遇到了一个问题;我不明白为什么,但当我启动它的形象不再显示。 我试图直接将代码添加到我的页面中,但这并没有改变任何事情

这是一个优先问题还是一个冲突问题

这很奇怪,因为插件似乎加载正确,因为我没有控制台问题,我的显示器也没有变化

以下是之前和之后的内容:

这就是我“硬编码”的方式。也许是在那里我做错了

如何使用该功能:

$(function() {

    $(".imgLiquidFill").imgLiquid({
        fill: true,
        horizontalAlign: "center",
        verticalAlign: "top"
    });

});
这就是我看到的风格;你觉得这正常吗。。 (
显示:无
可见性:隐藏

编辑并回答: 所以对于以后遇到这个问题的人来说:这是解决方案,问题来自哪里(我从中得到了什么)

图像正在显示,但是;由于图像显示为背景图像,因此没有高度的div是不存在的。我必须为该框指定一个高度,以便正确显示。现在,我刚刚将高度设置为
WTVpx

稍后,我将通过获取较大div的高度(绿色)来修复它,并使用jQuery将其设置为块的高度


希望有一天这能对某人有所帮助。

这是因为图像不再存在。您应该在控制台中看到错误/404

尝试在浏览器中转到,图像已消失,因此在使用插件时不会显示在页面中

这就是为什么小提琴不起作用的原因。由于我看不到你的代码,我只能假设你使用的是相同的图片

复制我的文章以获得更好的可视性 所以对于以后遇到这个问题的人来说:这是解决方案,问题来自哪里(我从中得到了什么)

该图像正在显示,但由于该图像显示为背景图像,因此没有高度的是div。我必须为该框指定一个高度,以便它可以正确显示。现在,我刚刚设置了WTVpx的高度

稍后,我将通过获取较大div的高度(绿色)来修复它,并使用jQuery将其设置为块的高度


希望有一天这能帮助到别人。

JSFIDLE中的图像没有找到。试试这个提琴是的,我已经找到了;但是没有,在我的页面中,我使用的是与以前相同的图像…我以一系列的精度编辑了我的代码。“我以一系列的精度编辑了我的代码”在哪里?你编辑了插件吗?刚刚编辑了吗?我没想到你会这么快确定这是一个盒子大小的问题;盒子显示为0px的宽度我不知道为什么..不管怎样,现在还可以:)很高兴你能整理它。更新这个问题可能是一个好主意,以帮助其他可能有同样问题的人