Question

我正在尝试从jquery插件基本书中学习创建插件，但是下面的插件没有显示图像的高度，它总是显示为图像高度0我应该怎么做才能获得图像高度

(function($) {
    jQuery.fn.gallery = function() {
        return this.each(function() {
            var e = $(this);
            console.log(e);
            var h = e.height();
            console.log(h);
            var w = e.width();
            //     e.height(40);
            //       e.width(40);
            e.click(function() {
                console.log(h);
                //    $('#gal').remove();
                e.clone().prependTo("body").center().click(function() {
                    $(this).remove();
                });

            });
        });
    };
})(jQuery);

Answer 1

尝试一次

(function($) {
    jQuery.fn.gallery = function() {
        return this.each(function() {
            var e = $(this);
            console.log(e);
            var h = e.attr("height");
            console.log(h);
            var w = e.attr("width");              
            e.click(function() {
                console.log(h);
                //    $('#gal').remove();
                e.clone().prependTo("body").center().click(function() {
                    $(this).remove();
                });

            });
        });
    };
})(jQuery);

在＆lt; img＆gt;中使用width和height属性标签或

clientWidth和clientHeight是DOM属性，显示DOM元素内部维度的当前浏览器内大小（不包括边距和边框）。因此，对于IMG元素，这将获得可见图像的实际尺寸。

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;

Jquery插件无法获得图像的高度

1 个答案: