Home/ Questions/Q 3350658
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T01:48:49+00:00

I want to load a particular link when user press link. jQuery: <body> …

  • 0

I want to load a particular link when user press link.

jQuery:

<body>
  ...
  <script type="text/javascript">
    jQuery(".likeThis").click(function() {
      jQuery(this).closest("a").load('{$likeThiSID}', function() {
    });
  });
</script>

HTML:

<span id="like"><a class="likeThis">Like This</a>

I am using CMS and that HTML code is echoed in a while where there will be around 10 entries.

Right now jQuery is working but it’s loading 10 times. How do I get which one of the link is clicked?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can try it like this:

    <script type="text/javascript">
jQuery(".likeThis").not('.bound').click(function() {     
  jQuery(this).closest("a").load('{$likeThiSID}', function() {
}).addClass('bound');

</script>

    It only binds the click to elements that does’nt have a class “bound”. As after binding the elements will receive this class, they’ll not be affected later.

    Another way may be gone with different markup :

    <span id="like"><a class="likeThis" href="{$likeThiSID}">Like This</a>

    (assuming that {$likeThiSID} will be replaced with a URL)

    By that you dont need the script-part inside the loop, you’ll only need 

    jQuery(document).ready(
  function(){jQuery(".likeThis").click(
    function()
    {
      jQuery(this).load(this.href,function(){});
      return false;
    }
   )
  }
);

    …once inside the document.

    • 0