Menu
I have some jQuery code that is on every web page of the site (in the head element).
What selector syntax can I use to tell jQuery that a certain function should only run on one page and not all the other pages on the site?
Can I specify a page name or URL in the selector somehow?
Many Thanks
333
jQuery one() Method The one() method attaches one or more event handlers for the selected elements, and specifies a function to run when the event occurs. When using the one() method, the event handler function is only run ONCE for each element.
Syntax: $(". event-handler-btn"). one("click", function (e) { // Code to be executed once });
In jQuery, the $ sign is just an alias to jQuery() , then an alias for a function. This page reports: Basic syntax is: $(selector).action() A dollar sign to define jQuery. A (selector) to "query (or find)" HTML elements.
You could use an if statement checking for top.location.pathname.
if (top.location.pathname === '/my/path')
{
/* magic ... */
}
Or if you want to make it more portable and give the actual if statement some meaning (so someone reading it will know what it's about) - if you have access to the body element of the document, you can add a class showing that you want to run this script.
So for instance, if /* magic ... */ in the above example has something to do with including the Facebook API, you could make your body look like <body class="has-facebook-api"> and then make a check with jQuery:
$(function () // on document.ready()
{
if ($('body.has-facebook-api').length > 0)
{
/* magic ... */
}
});
Make sure this runs after including jQuery inside a separate script tag.
While we're at it, if you're not using this script to transform the visuals of your page before it gets outputted, I'd advise you to place all or most of your script tags close to your footer to render the page sooner.
102
Maybe check window.location.pathname?
if (window.location.pathname == "/path/to/page.html") {
callFunction();
}
You can't specify the current URL in a jQuery Selector, you can however write a simple check using the document.location object:
if (document.location.pathname == "/somefolder/somepage") {
// do some special stuff on this page!
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
