Using the Vue Router disables the jQuery script when we return to the previous pageScroll to the top of the page using JavaScript/jQuery?Use jQuery to hide a DIV when the user clicks outside of itDisable/enable an input with jQuery?jQuery disable/enable submit buttonHow can I refresh a page with jQuery?Pure JavaScript equivalent of jQuery's $.ready() - how to call a function when the page/DOM is ready for itDisable button in jQueryHow to load Jquery plugin/script when Vue router changes page?Forcing a refresh on vuejs router from an outer appvue-router - How to get previous page url?

Random Double Arc Endpoint Angles

Super Duper Vdd stiffening required on 555 timer, what is the best way?

Can sampling rate be a floating point number?

Basic properties of expectation in non-separable Banach spaces

visible indication that a cell is not evaluatable

80's/90's superhero cartoon with a man on fire and a man who made ice runways like Frozone

Does Molecular Weight of a Gas affect its lifting properties at the same velocity over the same wing?

These were just lying around

How much maintenance time did it take to make an F4U Corsair ready for another flight?

Collinear Galois conjugates

How can God warn people of the upcoming rapture without disrupting society?

When were the tantalum capacitors first used in computing?

Why is there a large performance impact when looping over an array over 240 elements?

If a digital camera can be "hacked" in the ransomware sense, how best to protect it?

Submitting a new paper just after another was accepted by the same journal

Graphs for which a calculus student can reasonably compute the arclength

Is there any way to stop a user from creating executables and running them?

Why did I get only 5 points even though I won?

Why aren't rainbows blurred-out into nothing after they are produced?

how do companies get money from being listed publicly

Heating Margarine in Pan = loss of calories?

Why are Gatwick's runways too close together?

A Non Math Puzzle. What is the middle number?

Can a PC use the Levitate spell to avoid movement speed reduction from exhaustion?



Using the Vue Router disables the jQuery script when we return to the previous page


Scroll to the top of the page using JavaScript/jQuery?Use jQuery to hide a DIV when the user clicks outside of itDisable/enable an input with jQuery?jQuery disable/enable submit buttonHow can I refresh a page with jQuery?Pure JavaScript equivalent of jQuery's $.ready() - how to call a function when the page/DOM is ready for itDisable button in jQueryHow to load Jquery plugin/script when Vue router changes page?Forcing a refresh on vuejs router from an outer appvue-router - How to get previous page url?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















On my main page I have a script that supports counter. I have two links in the menu created via the link router. After switching to a subpage from any link and returning to the main page, the jQuery script stops working. Only the refresh of the page causes its re-launch



I tried to close the jQuery script in the on load function



var a = 0;
$(window).scroll(function()
var oTop = $("#statsRoll").offset().top - window.innerHeight;
if (a == 0 && $(window).scrollTop() > oTop)
$(".counter-value").each(function()
var $this = $(this),
countTo = $this.attr("data-count");
$(
countNum: $this.text()
).animate(
countNum: countTo
,


duration: 2000,
easing: "swing",
step: function()
$this.text(Math.floor(this.countNum));
,
complete: function()
$this.text(this.countNum);
//alert('finished');


);
);
a = 1;

);









share|improve this question
























  • You may try to add this on mounted hook of the component

    – Umer bin Siddique
    Mar 27 at 10:05

















0















On my main page I have a script that supports counter. I have two links in the menu created via the link router. After switching to a subpage from any link and returning to the main page, the jQuery script stops working. Only the refresh of the page causes its re-launch



I tried to close the jQuery script in the on load function



var a = 0;
$(window).scroll(function()
var oTop = $("#statsRoll").offset().top - window.innerHeight;
if (a == 0 && $(window).scrollTop() > oTop)
$(".counter-value").each(function()
var $this = $(this),
countTo = $this.attr("data-count");
$(
countNum: $this.text()
).animate(
countNum: countTo
,


duration: 2000,
easing: "swing",
step: function()
$this.text(Math.floor(this.countNum));
,
complete: function()
$this.text(this.countNum);
//alert('finished');


);
);
a = 1;

);









share|improve this question
























  • You may try to add this on mounted hook of the component

    – Umer bin Siddique
    Mar 27 at 10:05













0












0








0








On my main page I have a script that supports counter. I have two links in the menu created via the link router. After switching to a subpage from any link and returning to the main page, the jQuery script stops working. Only the refresh of the page causes its re-launch



I tried to close the jQuery script in the on load function



var a = 0;
$(window).scroll(function()
var oTop = $("#statsRoll").offset().top - window.innerHeight;
if (a == 0 && $(window).scrollTop() > oTop)
$(".counter-value").each(function()
var $this = $(this),
countTo = $this.attr("data-count");
$(
countNum: $this.text()
).animate(
countNum: countTo
,


duration: 2000,
easing: "swing",
step: function()
$this.text(Math.floor(this.countNum));
,
complete: function()
$this.text(this.countNum);
//alert('finished');


);
);
a = 1;

);









share|improve this question














On my main page I have a script that supports counter. I have two links in the menu created via the link router. After switching to a subpage from any link and returning to the main page, the jQuery script stops working. Only the refresh of the page causes its re-launch



I tried to close the jQuery script in the on load function



var a = 0;
$(window).scroll(function()
var oTop = $("#statsRoll").offset().top - window.innerHeight;
if (a == 0 && $(window).scrollTop() > oTop)
$(".counter-value").each(function()
var $this = $(this),
countTo = $this.attr("data-count");
$(
countNum: $this.text()
).animate(
countNum: countTo
,


duration: 2000,
easing: "swing",
step: function()
$this.text(Math.floor(this.countNum));
,
complete: function()
$this.text(this.countNum);
//alert('finished');


);
);
a = 1;

);






jquery vue.js vue-router






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 27 at 9:21









AzotoN1AzotoN1

1




1















  • You may try to add this on mounted hook of the component

    – Umer bin Siddique
    Mar 27 at 10:05

















  • You may try to add this on mounted hook of the component

    – Umer bin Siddique
    Mar 27 at 10:05
















You may try to add this on mounted hook of the component

– Umer bin Siddique
Mar 27 at 10:05





You may try to add this on mounted hook of the component

– Umer bin Siddique
Mar 27 at 10:05












0






active

oldest

votes










Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55373627%2fusing-the-vue-router-disables-the-jquery-script-when-we-return-to-the-previous-p%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes




Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.







Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.



















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55373627%2fusing-the-vue-router-disables-the-jquery-script-when-we-return-to-the-previous-p%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript