Question

我的网页上有两个超链接：previous和next，分别导航到上一页和下一页。我想在第一页时停用previous，在最后一页时禁用next。

为了尝试这一点，我使用了以下代码（showPage在这里是硬编码的。）

 $("#prevUp").click(function (event)
        {

         event.preventDefault();
        var showPage=0;
         if(showPage<=1)
         {
            $("a").removeAttr('href');
         }

   });

然而这不起作用。你能否告诉我如何做到这一点（我已经看过以前关于这个问题的解决方案，但找不到适用于我的方法）。

修改

看看http://jsfiddle.net/bhXbh/38/我在这里尝试了几种解决方案，但没有一种解决方案。

Answer 1

你可以做到

$("a").attr('href', 'javascript:');

Answer 2

尝试下面的

$("a").attr('disabled', 'disabled');

Answer 3

您也可以尝试

$("a").click(function (e) {
    e.preventDefault();
});

Answer 4

通常，通过调用

event.preventDefault();

浏览器无法加载页面...

Answer 5

我们假设你总共有10页。像我们点击第10页时更新您的分页，下一个链接的href值将是javascript：void（0），当我们点击第一页上一个链接时，href值将是javascript：void（0）。当您的页面第一次加载时，previoud链接值将与javascript：void（0）相同。使用简单的if else条件来检查您的页面号。您可以在查询字符串中发送您的页面。

Answer 6

请参阅下面的我认为您需要的代码：

$(document).ready(function(){

    var currentPage = <current page here>
    var pageTotal = <total number of pages>

    if(currentPage<=1)$('#previous').attr('disabled','disabled');
    if(currentPage>=pageTotal)$('#next').attr('disabled','disabled');

});

我建议您使用服务器端语言执行此操作，如果您只是使用服务器端语言执行加载页面，并且在将DOM发送到客户端时执行此操作，而不是让DOM加载客户端并采取必要的行动（见上文），因为这意味着用户可以，如果他们想，可以摆弄按钮。

Answer 7

jQElement.prop('disabled',true);

Answer 8

$("a").attr('disabled', true);

如何使用jquery禁用超链接

8 个答案: