Changing/adding attribute to div with javascript/jquery

Question

I have a script that assigns data-offset-top and data-offset-bottom to an affixed (bootstrap affix) div. At least this is what I am trying to do. For some reason it does not work... anymore.

Is there something wrong with the code bellow or the issue is from somewhere else?

javascript:

$(document).ready(function(){
    var off = $(".navbar-static-top").height() + 80; 
    var off2 = $("footer").height() + 30;
    $(".awrap > div:nth-child(1)").attr('data-offset-top', off.toString(); );
    $(".awrap > div:nth-child(1)").attr('data-offset-bottom', off2.toString(); );           
    $(function() {
        var $affixElement = $('div[data-spy="affix"]');
            $affixElement.width($affixElement.parent().width());
    });
});

Thank you!

Could you please provide a jsfiddle.net of your issue, and provide the full html of the page? (preferably both) — David
– David, Commented Aug 11, 2015 at 14:57
Well for one you can remove the ; after the off.toString() and off2.toString(). — mattfetz
– mattfetz, Commented Aug 11, 2015 at 14:57

mattfetz · Accepted Answer · 2015-08-11 15:03:11Z

2

If you check the console you will most likely be seeing an error saying missing ) after argument list

This is due to

$(".awrap > div:nth-child(1)").attr('data-offset-top', off.toString(); );
$(".awrap > div:nth-child(1)").attr('data-offset-bottom', off2.toString(); );

Most notably the

off.toString();
off2.toString();

You can't have the ; inside the attr function.

answered Aug 11, 2015 at 15:03

mattfetz

4252 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

parseb · Accepted Answer · 2015-08-22 11:53:34Z

-1

It looks like the problem was my use of WooCommerce jQuery Cookie fix. (when I deactivated it things went back to normal). Thank you for your answers!

answered Aug 22, 2015 at 11:53

parseb

1383 silver badges13 bronze badges

Collectives™ on Stack Overflow

Changing/adding attribute to div with javascript/jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related