javascript - 返回假；和preventDefault()；不工作。 Onclick 重定向到图像链接 url

Question

我正在尝试对产品图像(主图像下方)执行操作，当用户单击右箭头时，将自动单击第五张图像并将其显示为主图像。以下是引用链接:http://sazua.apleu.servertrust.com/3B-Scientific-Classic-Brain-5-part-p/c18.htm

我尝试过返回 false；和preventDefault()；但点击仍然将用户重定向到下一个图像 url 链接。

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:

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

注意:由于我使用的是 Volusion(硬编码)，因此我无法修改 HTML，因此我正在尝试使用我所拥有的内容。

谢谢。

Answer 1

您需要在 click 方法内的任何操作/副作用之前使用 e.preventDefault() e.stopImmediatePropagation() 。我的意思是第一步。

尝试清空您的<a href="#" />如果不需要href

$(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();
     ;
   });
});