Question

我有多个链接，在CSS中定义了“禁用”类。

现在对于iPad，我希望点击该链接，不会发生任何事情，即链接不应被点击（目前它导航到某个URL）

我如何仅通过CSS处理此问题？我知道它可以通过JavaScript / jQuery来完成......但是有很多页面，我需要通过CSS来实现这一点。

Answer 1

我主要用它来禁用我的网络应用上的链接：

a.someClass {
     pointer-events: none;
     cursor: default;
}

希望，这也适用于iPad。 Fiddle Demo

Answer 2

我认为无法在CSS中完成。

但是，正如你所说的那样pages很多，所以你无法在任何地方改变它的错误。

您可以创建一个公共javascript file并在每个页面中添加它。

您可以在jquery

中使用此代码

$('.disable').on('click',function(e){
    e.preventDefault();
    return false;
});

Answer 3

您可以使用此trick：

<button disabled>Hello World</button>


// This will never run
$(function() {
    $("button").click(function() {
        alert("Hello World");
    });
});

button {
    padding: 0;
    border: 0;
    background-color: inherit;
    color: Blue;
    cursor: pointer;    
}

iPad禁用链接点击CSS

3 个答案: