Disable a Script for a Specific Part of a Web Page?

Question

At the top of web page I have a script so links don't work on the page.

<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<script>
        $(document).ready(function () {
            $('.portfolio-featured-image, .portfolio-entry-title').click(function () {
                return false;
            });
        });
    </script>

Is there a way to make one particular link on the page not obey the script? For example make one of the page's many <a href="url">link text</a> a working clickable link but have all the others obey the script and be non-clickable?

There's two places you could do it: either change the jQuery selector so that it doesn't include whichever link you don't want disabled, or add some logic into the callback to return something other than false if the click was on the live link, which would likely mean evaluating the click event. — Jason Kennaly
– Jason Kennaly, Commented Jun 12, 2020 at 19:17

Asmoun · Accepted Answer · 2020-06-12 23:35:27Z

1

add an id to the link you want to exclude from the script like: id="link"

 $(document).ready(function () {
        $('.portfolio-featured-image, .portfolio-entry-title').click(function () {
            if($(this).attr('id') == "link") return true;
            else return false;
        });
    });

answered Jun 12, 2020 at 23:35

Asmoun

1,7595 gold badges27 silver badges61 bronze badges

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

Collectives™ on Stack Overflow

Disable a Script for a Specific Part of a Web Page?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related