0

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);​
4

1 に答える 1

0

これを一度試してください

(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);​

<im> タグで幅と高さの属性を使用する か、

clientWidth と clientHeight は、DOM 要素の内側のサイズ (margin と border を除く) の現在のブラウザー内サイズを示す DOM プロパティです。したがって、IMG 要素の場合、これは可視画像の実際の寸法を取得します。

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
于 2012-04-30T07:07:03.360 に答える