Page load script in javascript runs multiple times

Question

I have an Index.cshtml file. In that I have two div elements. I rendered partial view in one div like this:

<div id="div1">
    @Html.Partial("_FutureAddEditClaim", Model.NewClaim)
</div>
<div id="div2"></div>

And in javascript, I created two new div elements. In one of these I appended div1. And in _FutureAddEditClaim.cshtml I have a function which runs on load:

$(function() {
    alert("called");
});

When the application runs the alert message is showing twice. Can any one please tell me why this is happening in _FutureAddEditClaim.cshtml.

I had the page load function in Index.cshtml. This works fine.

All you need to know is the final output: Does it contain one or two alerts? (view-source of the page in browser) Now you know if the problem is with the server side code or client side code. — Esailija
– Esailija, Commented Nov 29, 2011 at 13:31
I had seen source it contains only one alert message in page load.. — Swetha Bindu
– Swetha Bindu, Commented Nov 29, 2011 at 13:36

Garrett Vlieger · Accepted Answer · 2011-11-29 13:47:20Z

1

You said that you "appended div1" in one of the div elements. That seems to be the reason the JavaScript would be firing twice since you have the element loading twice -- once initially and then again after appending it.

answered Nov 29, 2011 at 13:47

Garrett Vlieger

9,4995 gold badges35 silver badges45 bronze badges

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

2 Comments

Swetha Bindu Over a year ago

Thank you.. But i need to append the element... How can i resolve the issue.. How can i get only one page load..

Garrett Vlieger Over a year ago

Off the top of my head (and this may not be the best option), you could try setting a variable (call it isLoaded) when the page load event is fired the first time. Then have a check in the code to see if isLoaded has been set already so the code doesn't fire twice.

Fenton · Accepted Answer · 2011-11-29 13:52:02Z

0

This does not denote an event on page load. This will run when the document is ready and you can have many blocks that run when the document is ready.

$(function() {
    // Runs when the document is ready
    alert("called");
});

You need to scan the source file to see if either...

There are two similar blocks of code in your source file that run when the document is ready
There is another alert("called") somewhere in your source file
If you load the partial view via AJAX, for example, it may happen each time you load it

answered Nov 29, 2011 at 13:52

Fenton

253k74 gold badges404 silver badges414 bronze badges

1 Comment

Swetha Bindu Over a year ago

Thank You... But I had no two alerts and no similar code and i am not loading the partial view via Ajax..

Collectives™ on Stack Overflow

Page load script in javascript runs multiple times

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related