2014-03-01 46 views
0

我有这个代码,但是当我在html中调用它时,它在wordpress中不会做任何事情。 我该如何解决这个问题>谢谢。Javascript在一个wordpress页面

<script language="javascript"> 
var l1OK_WC = false; 
var l2OK_WC = false; 
function share() 
{ 
    alert('yo'); 
} 
function getIt_wc() 
{ 
    if(l1OK_WC) 
     window.open('http://google.ca','_self'); 

    if(!l1OK_WC) 
     alert("Message 1"); 
    else if(!l2OK_WC) 
     alert("Message 2"); 
} 
</script> 

而这在html中。

<a class="Style3" href="javascript:getIt_wc();"><img src="http://i.imgur.com/XJy0nEq.png" /></a> 

当我点击按钮时,没有消息出现。这个脚本在博客或html网站中工作正常,但不是在WordPress上。我在wordpress页面上做这个。

谢谢。

+0

在一个WordPress站点,如你正在使用CMS,或者你有一个在WordPress上托管的博客。在这样的href中使用javascript真的很糟糕。 – adeneo

+0

使用自己的域与WP安装 – user3293279

回答

0

尝试这样:

HTML

<a class="Style3" id="my_button" ><img src="http://i.imgur.com/XJy0nEq.png"/></a> 

的Javascript

myLink = document.getElementById('my_button'); 
myLink.onclick = wc; 

function wc(){ 
    if(l1OK_WC) 
     window.open('http://google.ca','_self'); 

    if(!l1OK_WC) 
     alert("Message 1"); 
    else if(!l2OK_WC) 
     alert("Message 2"); 
} 
+0

试过,但该按钮不可点击。 – user3293279

0

你不需要a标签都没有。就在图像上使用onclick并删除a标签:

<img class="Style3" src="http://i.imgur.com/XJy0nEq.png" onclick="getIt_wc()" /> 

为了让人们知道它的点击,在您的样式表,添加cursor风格Style3

.Style3 { 
    cursor: pointer; 
} 
相关问题