Gsyfuy

The past tense for the quoting particle って

Why doesn't "adolescent" take any articles in "listen to adolescent agonising"?

Rationale to prefer local variables over instance variables?

How spaceships determine each other's mass in space?

Did Amazon pay $0 in taxes last year?

Are Wave equations equivalent to Maxwell equations in free space?

Learning to quickly identify valid fingering for piano?

The Key to the Door

Align equations with text before one of them

How can I be pwned if I'm not registered on the compromised site?

The need of reserving one's ability in job interviews

When to use the term transposed instead of modulation?

A bug in Excel? Conditional formatting for marking duplicates also highlights unique value

If nine coins are tossed, what is the probability that the number of heads is even?

What is "desert glass" and what does it do to the PCs?

Dukha vs legitimate need

Professor forcing me to attend a conference

Should I use HTTPS on a domain that will only be used for redirection?

Called into a meeting and told we are being made redundant (laid off) and "not to share outside". Can I tell my partner?

What is a term for a function that when called repeatedly, has the same effect as calling once?

Why can't we use freedom of speech and expression to incite people to rebel against government in India?

What is the purpose of a disclaimer like "this is not legal advice"?

Convert an array of objects to array of the objects' values

Has a sovereign Communist government ever run, and conceded loss, on a fair election?

Custom javascript not working

0

I'm trying to inject a scroll to anchor javascript globally in Magento 2.

More specifically this script:

$('a[href^="#"]').on('click', function(event) {

    var target = $(this.getAttribute('href'));

    if( target.length ) {

        event.preventDefault();

        $('html, body').stop().animate({

            scrollTop: target.offset().top

        }, 1000);

    }

});

Taken from this blog post.

I converted it to include defines and stuff:

define([

    "jquery",

    "jquery/ui"

], function ($) {

    'use strict';



$('a[href^="#"]').on('click', function(event) {

    var target = $(this.getAttribute('href'));

    if( target.length ) {

        event.preventDefault();

        $('html, body').stop().animate({

            scrollTop: target.offset().top

        }, 1000);

    }

});



});

And injecting it in my themes default_head_blocks.xml with <link src="js/custom.js" />

The injection works but I get the following error in Chrome console:

Uncaught Error: Mismatched anonymous define() module: function ($) {

    'use strict';



require.js:166

What is wrong?

magento2 javascript requirejs

share

asked 1 min ago

JohnJohn

1063

add a comment | 

0

I'm trying to inject a scroll to anchor javascript globally in Magento 2.

More specifically this script:

$('a[href^="#"]').on('click', function(event) {

    var target = $(this.getAttribute('href'));

    if( target.length ) {

        event.preventDefault();

        $('html, body').stop().animate({

            scrollTop: target.offset().top

        }, 1000);

    }

});

Taken from this blog post.

I converted it to include defines and stuff:

define([

    "jquery",

    "jquery/ui"

], function ($) {

    'use strict';



$('a[href^="#"]').on('click', function(event) {

    var target = $(this.getAttribute('href'));

    if( target.length ) {

        event.preventDefault();

        $('html, body').stop().animate({

            scrollTop: target.offset().top

        }, 1000);

    }

});



});

And injecting it in my themes default_head_blocks.xml with <link src="js/custom.js" />

The injection works but I get the following error in Chrome console:

Uncaught Error: Mismatched anonymous define() module: function ($) {

    'use strict';



require.js:166

What is wrong?

magento2 javascript requirejs

share

asked 1 min ago

JohnJohn

1063

add a comment | 

I'm trying to inject a scroll to anchor javascript globally in Magento 2.

More specifically this script:

$('a[href^="#"]').on('click', function(event) {

    var target = $(this.getAttribute('href'));

    if( target.length ) {

        event.preventDefault();

        $('html, body').stop().animate({

            scrollTop: target.offset().top

        }, 1000);

    }

});

Taken from this blog post.

I converted it to include defines and stuff:

define([

    "jquery",

    "jquery/ui"

], function ($) {

    'use strict';



$('a[href^="#"]').on('click', function(event) {

    var target = $(this.getAttribute('href'));

    if( target.length ) {

        event.preventDefault();

        $('html, body').stop().animate({

            scrollTop: target.offset().top

        }, 1000);

    }

});



});

And injecting it in my themes default_head_blocks.xml with <link src="js/custom.js" />

The injection works but I get the following error in Chrome console:

Uncaught Error: Mismatched anonymous define() module: function ($) {

    'use strict';



require.js:166

What is wrong?

magento2 javascript requirejs

share

asked 1 min ago

JohnJohn

1063

$('a[href^="#"]').on('click', function(event) {

    var target = $(this.getAttribute('href'));

    if( target.length ) {

        event.preventDefault();

        $('html, body').stop().animate({

            scrollTop: target.offset().top

        }, 1000);

    }

});

define([

    "jquery",

    "jquery/ui"

], function ($) {

    'use strict';



$('a[href^="#"]').on('click', function(event) {

    var target = $(this.getAttribute('href'));

    if( target.length ) {

        event.preventDefault();

        $('html, body').stop().animate({

            scrollTop: target.offset().top

        }, 1000);

    }

});



});

Uncaught Error: Mismatched anonymous define() module: function ($) {

    'use strict';



require.js:166

share

asked 1 min ago

JohnJohn

1063

share

asked 1 min ago

JohnJohn

1063

asked 1 min ago

JohnJohn

1063

asked 1 min ago

JohnJohn

1063