单击时使用jquery删除href

时间:2017-06-22 07:31:24

标签: jquery wordpress click href

链接 点击时,我希望删除/停用带有jquery的 href 。其实没什么大问题。 但我要删除的链接是在日历中(事件日历)。

这意味着当我使用月视图并打开网站时,以下代码有效:

$(".tribe-events-month-event-title").attr('href', '').css({'cursor': 'pointer', 'pointer-events' : 'none'});

但是,当我选择像七月这样的另一个月时,代码就不再起作用了。 所以我想为什么不点击时触发要删除的链接(或者有更好的方法吗?),但是我找不到一个有效的剪裁器。我是编码的新手,并不知道从哪里开始寻找。

链接到日历: http://wpshindig.com/

要删除href的html:

<h3 class="tribe-events-month-event-title"><a href="http://wpshindig.com/event/contribute-to-wordpress/2017-06-08/" class="url">Contribute to WordPress</a></h3>

有点解决方案:无法用jQuery解决它......但

对于想知道如何删除事件日历中链接的每个人,请转到:plugins / the-events-calendar / src / views / month,然后复制要更改的文件夹:day,list,month。然后在您的子主题中创建一个名为“tribe-events”的文件夹,编辑single-event.php并用#

替换链接

3 个答案:

答案 0 :(得分:0)

实际上,您使用H4标记而非a的类删除了href

尝试以下代码并告知我们。

$(".tribe-events-month-event-title").find("a").attr('href', '').css({'cursor': 'pointer', 'pointer-events' : 'none'});

编辑1

onClick标记上添加<a>事件,如下所示:

<h3 class="tribe-events-month-event-title"><a href="http://wpshindig.com/event/contribute-to-wordpress/2017-06-08/" 
 onclick="this.href=''" class="url">Contribute to WordPress</a></h3>

答案 1 :(得分:0)

你需要删除锚的href。只需更改你的代码 $(".tribe-events-month-event-title a").css({'cursor': 'pointer', 'pointer-events' : 'none'});

此代码将完美无缺。

答案 2 :(得分:0)

jQuery(document).ready(function($){
    $(document).on("click",".tribe-events-month-event-title",function(){
        $(this).removeAttr("href");
        return false;
    });
});