返回false； 和preventDefault（）; 不工作。 Onclick重定向到图像链接URL

Question

I'm trying to do an action on the product images (below main image) that when the user clicks on the Right Arrow, the 5th image will be clicked automatically and it will be shown as the main image. Here's the link for reference: http://sazua.apleu.servertrust.com/3B-Scientific-Classic-Brain-5-part-p/c18.htm

I've tried return false; and preventDefault(); but the click is still redirecting the user to the next image url link.

HTML:

<li class="current">
    <a style="display: none;" href="/v/vspfiles/photos/C18-6.jpg" rel="shadowbox[ProductImages]" title="Classic Human Brain, 5 part" data-sbkey="5">
        <img class="vCSS_img_alternate_product_photo" id="alternate_product_photo_6" style="border-color:#666666;" src="/v/vspfiles/photos/C18-6S.jpg" border="1" onclick="javascript:change_product_photo(6);return false;">
    </a>
    <a href="/v/vspfiles/photos/C18-6.jpg" data-sbkey="5" title="Classic Human Brain, 5 part">
        <img class="vCSS_img_alternate_product_photo" id="alternate_product_photo_6" style="border-color:#666666;" src="/v/vspfiles/photos/C18-6S.jpg" border="1" onclick="javascript:change_product_photo(6);return false;">
    </a>
</li>

Javascript I'm using:

$(document).ready(function() {
    $("#right-btn-carousel").click(function (e) {
       $("#altviews > ul > li:nth-child(5) > a:nth-child(2) > img").click();
       e.preventDefault();
    });
});

Note: I can't modify the HTML since I'm using Volusion (hardcoded) so I'm trying to work with what I have.

Thanks.

Answer 1

You need to use e.preventDefault() e.stopImmediatePropagation() before any action/side effects inside click method. I meant first step.

Try to empty your <a href="#" /> if href is not needed

$(document).ready(function() {
    $("#right-btn-carousel").click(function (e) {
      e.preventDefault();
     $("#altviews > ul > li:nth-child(5) > a:nth-child(1) > a").attr("href", "#"); 
      $("#altviews > ul > li:nth-child(5) > a:nth-child(2) > img").click();
     ;
   });
});