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;
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
add a comment |
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
You may try to add this on mounted hook of the component
– Umer bin Siddique
Mar 27 at 10:05
add a comment |
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
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
jquery vue.js vue-router
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
add a comment |
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
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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.
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
You may try to add this on mounted hook of the component
– Umer bin Siddique
Mar 27 at 10:05