在 P 元素中禁用 HREF答案

【问题标题】：Disable HREF within P element在 P 元素中禁用 HREF
【发布时间】：2017-12-21 02:58:18
【问题描述】：

我正在使用 wordpress 4.8 和插件 WPDISCUZ 进行评论系统。如何在此插件中禁用 仅此 HREF 运行（成为常规跨度），而其他 href 仍然正常工作？我的意思是我不希望我的读者意外或有意点击此链接并发送到管理员登录页面，而是他们可以通过他们的社交网络在评论字段上登录。有没有办法使用 Javascript/jQuery 来解决这个问题？

图片：

来自视图源的 CSS。

<p class="wc-must-login">You must be <a rel="nofollow" href="https://www.example.com/admin-login-page/">logged in</a> to post a comment. </p>

注意：

此 CSS 来自插件。我无法为其添加/删除课程。
我不想将 CSS 类 wc-must-login 更改为 display:none。原因：读者需要知道他们必须登录才能发表评论。

编辑： 我认为只有 Javascript / jQuery 可以实现这一点，而 CSS 仅用于样式。但是感谢 Farhad Bagherlo，似乎可以使用 CSS 实现类似的效果。

【问题讨论】：

对文档进行 5 分钟的扫描就会发现可能的答案。 wpdiscuz.com/wpdiscuz-documentation 滚动到默认文章设置和项目允许人们在新文章上发布 cmets
@jeff 对不起。我不知道你是什么意思。你能解释更多吗？

标签： javascript jquery css wordpress href

【解决方案1】：

.wc-must-login a {
   pointer-events: none;
   cursor: default;
}

&lt;p class="wc-must-login"&gt;&lt;a target="_blank" href="https://us.yahoo.com/"&gt;link&lt;/a&gt;&lt;/p&gt;

【讨论】：

不幸的是，这也无法正常工作。看来我现在卡住了
OMG.. 它完全符合我的要求。我认为只有使用 Javascript/jQuery 才能实现这一点，而 CSS 仅用于样式设置。非常感谢先生。你让我免于头痛！我将编辑我的问题并接受您的回答。

【解决方案2】：

使用jQuery：

$(document).ready(function(){
    $(".wc-must-login a").attr("disabled", "true");
})

【讨论】：

我试过这个，但不能让它工作。我还添加了 $j=jQuery.noConflict();将 $ 更改为 $j 但仍然无法正常工作。

【解决方案3】：

我会使用这个 jQuery 脚本

$(document).ready(function() {
    $("p.wc-must-login > a").attr("href", "#");
})

【讨论】：

我也尝试了您的代码，但无法正常工作。我还添加了 $j=jQuery.noConflict();就像我在上面的答案中所做的那样，但仍然无法正常工作。