绑定事件的宽度变化，而不是高度变化（调整大小时都这样做）；

Question

I have next javascript code:

   function() {
        $( this ).on( "resize", $special.handler);
    }

it works ok but I dont need this to trigger on height change, I need to work it only on a widht change.

So I'm trying to add an if statement inside resize detection and to bind $special.handler only if width changes.

Can't find a simple way to do this yet, so would you be so kind to help me find what I'm doing wrong?

For the moment I've ended up with next code

 function() {
        var widthBefore = $(this).width();
        $( this ).on( "resize", function() {
            if ($(this).width() != widthBefore) {
                $(this).on( WIDTH CHANGE ONLY, $special.handler);
                widthBefore = $(this).width();
            }
        });
    }

Answer 1

There is no width change event but if context has to be maintained this can be used -

function() {
        var widthBefore = $(this).width();
        $( this ).on( "resize", function() {
            if ($(this).width() != widthBefore) {
                $.proxy($special.handler,this);
                widthBefore = $(this).width();
            }
        });
    }