首页 > 解决方案 > 将不同的 URL 分配给不同的 ID

问题描述

我有这段代码在找到 ID 时为图像提供 URL 值,因此单击时会转到指定的 URL:

<script>
document.getElementById("ww-enTeam").addEventListener("click", myFunction);

    function myFunction() {
      window.location = "/site/contact/#workwithus";
    }
document.getElementById("ww-enTeam").addEventListener("click", myFunction);

</script>

这适用于独特的图像。现在我有 3 种不同语言的 3 张图片,所以我必须在单击时将 window.location 更改为不同的 URL。而且我找不到一个例子来说明当你有 3 个不同的 ID 时它是如何工作的。

这是一个 Wordpress 灯箱插件的调整,网站也使用 Polylang,因为我无法修改代码,我必须以这种方式解决它。

总是感谢您的帮助,谢谢!

标签: javascriptjquery

解决方案


您可以动态传递 URL 引用。

  document.getElementById("ww-enTeam").addEventListener("click", 
        myFunction('www.test.com/');

document.getElementById("anotherID").addEventListener("click", 
        myFunction('www.test2.com/');

        function myFunction(url) {
          window.location = url;
        }

推荐阅读