javascript - 禁用此 jquery 代码中的链接

Question

我完全是 Javascript 的菜鸟，并尝试禁用以下代码中的链接。

这是 .title_link_out。每当我单击具有此类的 div 时，主页就会加载 (href="#")。我想在不重命名类或破坏函数的情况下禁用链接。

我希望有人可以在没有更多信息的情况下提供帮助。这只是负责链接的代码片段。

看到这段代码有什么想法吗？

jQuery(document).ready(function(e) {
  e(".squareDemo_production").unbind("hover");
  e(".squareDemo_production").hover(function() {
    e(this).find('.squareLitDemo.shape').css('cursor', 'pointer');
    e(this).find('.squareLitDemo.shape').on('click', function() {
        console.log('ff', e(this).find('.title_link_out').attr('target'))
        if (e(this).find('.title_link_out').attr('target') == 'blank') {
        var win = window.open(e(this).find('.title_link_out').attr('href'), '_blank');
        win.focus();
        }
        else{
        window.location.href = e(this).find('.title_link_out').attr('href');
    }
    })

我在 CSS 中尝试了以下方法，但没有用。

.title_link_out {
pointer-events: none!important;
cursor: default!important;
}

Answer 1

要动态禁用a href 链接，通常使用e.preventDefault():

$('.title_link_out').click(function(e) {
    e.preventDefault();
});

更多信息请访问 jQuery Tutorial