Question

我正在修改现有的wordpress组合页面。剩下要做的就是这样做，当用户点击文章列表中的任何地方时，链接将打开。目前只是在点击标题或图像时。

我可以看到我可以通过以下设置进行点击：

var someObject = 
{
    x: 3,
    y: (function()
    {  
      setTimeout(function(){
        var z = someObject.x
        console.log(z);
        },1);
        
    })()
};

然而，当页面加载时，Wordpress会移动标签：

    <a href="http://example.com">
     <div>
     anything
     </div>
    </a>

所以我开始使用css进行以下设置：

HTML

<a href="http://example.com">
</a>
<div>
 anything
</div>

CSS

<div class= "box">
</div>

悬停有效，它会触发所有内容，并且会出现光标。

然而，到目前为止，我可以做到这一点。任何与.box交互的尝试都会被击落。使用以下内容使用javascript不会触发任何内容：

div.box {
    position: relative;
}

div.box:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

我似乎无法与div互动。

页面如下：

$(".box").click(function() {
   alert("I am an alert box!"); 
});

Answer 1

NewToJS在谈到访问jQuery库时可能存在问题时处于正确的领域。在这种情况下，我已正确链接jQuery，它已经过测试和工作。

WordPress中的jQuery需要通过将以下内容添加到 functions.php

中来加入队列

wp_enqueue_script("jquery");

我的错是因为我没有改变＆＃39; $＆＃39;到了jQuery＆＃39;因为在使用Wordpress时这是必要的。

以下是不正确的用法：

$(".box").click(function() {
   alert("I am an alert box!"); 
});

这是正确的用法：

jQuery(".box").click(function() {
   alert("I am an alert box!"); 
});

在Wordpress中创建一个<div> Clickable

1 个答案: