禁用P元素内的HREF

时间:2017-07-16 14:14:48

标签: javascript jquery css wordpress href

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

图像: Screenshot

来自观看源的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>

注意:

  1. 此CSS来自插件。我不能添加/删除它。
  2. 我不想将CSS类wc-must-login更改为display:none。原因:读者需要知道他们必须登录才能发表评论。
  3. 修改 我以为只有Javascript / jQuery可以实现这个,而CSS只用于造型。但是感谢Farhad Bagherlo似乎可以使用CSS实现类似效果。

3 个答案:

答案 0 :(得分:0)

使用 jQuery

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

答案 1 :(得分:0)

我会使用这个jQuery脚本

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

答案 2 :(得分:0)

.wc-must-login a {
   pointer-events: none;
   cursor: default;
}
<p class="wc-must-login"><a target="_blank" href="https://us.yahoo.com/">link</a></p>