Activate JQUERY Document ready function only on specific pages in global javascript file

peter liles 556

I have a drag and drop feature that is activated when particular page is open using the document method. As i understand it is fired every time on page load. I have now placed the code in a javascript file. The trouble is it will now load on all pages that access javascript file when i just want it to load when particular pages load, two?

var srcElement = '';

$(document).ready(function () {

2 answers

Yijing Sun-MSFT 7,091 Reputation points

2021-09-30T02:20:13.9+00:00

Hi @peter liles ,
Why you don't put the javascript file in the specific pages instead of in the global? I suggest you could write the drag function in the javascript file and then you could reference the javascript file in the specific pages.

Best regards,
Yijing Sun

If the answer is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our  documentation  to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.
peter liles 556 Reputation points

2021-10-11T18:08:28.307+00:00

I have added the function to a external file and now reference it from a page like below. The problem that arises is that other pages also reference this external file and therefore cause the function to load everytime these pages are loaded in browser. When i only want specific page to run the function and not all the pages.

<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager" runat="server">
<Scripts>

<asp:ScriptReference Path="~/JavascriptFile/MyJavaScriptFile.js" /> </Scripts> </ajaxToolkit:ToolkitScriptManager>

Yijing Sun-MSFT 7,091 Reputation points

2021-10-12T03:00:08.657+00:00

Hi @peter liles ,
My meaning is that you could add the script file in your specific page instead of using like you doing.
You could add script in your page like this:

<script src="~/JavascriptFile/MyJavaScriptFile.js"></script>

Best regards,
Yijing Sun

peter liles 556 Reputation points

2021-10-17T23:12:13.26+00:00

I would like to know a alternative method of loading the function other than when pages are opened in browser?

Yijing Sun-MSFT 7,091 Reputation points

2021-10-18T06:45:37.537+00:00

Hi @peter liles ,
Do you care of using codes to call the jquery file in the code-behind?
Best regards,
Yijing Sun
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.
peter liles 556 Reputation points

2021-10-12T19:38:19.87+00:00

Although i have another page that utilizes same function so i placed into a global file instead of keeping on page.
Please sign in to rate this answer.
Yijing Sun-MSFT 7,091 Reputation points

2021-10-14T01:57:05.88+00:00

Hi @peter liles ,
I know you have another page that also have the same function,but however, there are no ways to set the special conditions in the global file to make sure the script file only effect on the two pages. I think you only add the script again on the another page instead of the global file.
Best regards,
Yijing Sun
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

Activate JQUERY Document ready function only on specific pages in global javascript file

2 answers

Your answer