Question

林＆＃39;困在一个可能很容易的问题。对不起，我是初学者！

我有这个

<div class="icon-1"></div>
<div class="icon-2"></div>

<script>  
 $(function() { 
  onclick('icon-1').openurl('http://acdefg.com');
  onclick('icon-2').openurl('http://ghijkl.com');
 }
</script>

...我的意思是，如果我点击＆＃34; icon-1＆＃34;，那么我会转到网址＆＃34; ....＆＃34; 如果我点击＆＃34; icon-2＆＃34;然后我转到URL＆＃34; ...＆＃34;

等

你能帮我吗？

Answer 1

好吧，你可以定义类似的东西：

document.getElementByClassName("icon-1").onclick=function(){
    window.location.href = 'http://abcdef.com';
};

您还可以在变量中将元素属性（对于examle，data-href）拉入full（而不是在JS中专门设置它，那么您只需要1个JS函数用于所有实例）。

但是，我可以问 - 为什么不使用带有href值的HTML标签？

Answer 2

尝试使用jQuery（与WordPress捆绑在一起）：https://jsfiddle.net/wu24bnbc/2/

<div class="icon-1">Icon 1</div>
<div class="icon-2">Icon 2</div>

<script>
    jQuery(function() { 
        jQuery('.icon-1').click(function() {
            window.location.href = 'http://acdefg.com';
        });

      jQuery('.icon-2').click(function() {
            window.location.href = 'http://ghijkl.com';
        });
    });
</script>

编辑：我认为你需要使用jQuery而不是使用WP的$简写。

用于在同一窗口中单击打开URL的Javascript代码

2 个答案: