Question

目前我正在尝试使此页面响应： http://www.ulrichbangert.de/orchid/pleione/2013-03-25_Pleione_Ueli_Wackernagel_Pearl.php 已经有很多工作了但是还有一个问题：jQuery函数width（）不会改变div的宽度。随着身高，它的工作正常。也适用于视频元素的宽度。减少浏览器宽度时可以看到它。（我给了div的红色边框。）我的代码（摘录）：

    $('img').each(function (idx) {
        s = $(this).attr("src");
        if (s.indexOf("buttonleft.png") < 0 &&
        s.indexOf("buttonright.png") < 0 &&
        s.indexOf("buttonup.png") < 0) {
            var wimage = $(this).width();
            if (!owimage[s] || wimage > owimage[s]) { owimage[s] = wimage; }
            var wviewport = $(window).width();
            if ((wviewport - 2 * wbutton) < owimage[s]) {
                wimage = wviewport - 2 * wbutton;
                $(this).attr("width", wimage);
            }
        }
    });
    $("video").each(function (idx) {
        var wvideo = $(this).width();
        var hvideo = $(this).height();
        if (!owvideo || wvideo > owvideo) {
            owvideo = wvideo;
            ohvideo = hvideo;
            ratio = ohvideo / owvideo;
        }
        var wviewport = $(window).width();
        if ((wviewport - 2 * wbutton) < owvideo) {
            var wvideo = wviewport - 2 * wbutton;
            $(this).width(wvideo);
            var p = $(this).parent("div");
            p.width(wvideo);
            p.height(wvideo * ratio);
            console.log($(this).width() + " " + p.width());
        }
    });

调整大小时调用该函数。完整的代码在 http://www.ulrichbangert.de/js/mobile_video.js 什么是错误，我怎样才能使它工作？最好的问候 - Ulrich

jQuery width（）不适用于div

0 个答案: